Schauen wir uns ohne weiteres den Code einfach an
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JS writing method that exceeds text with ellipses</title></head><body><script> function cutString(str, len) {// Die Länge des chinesischen Zeichens ist nach dem Längenattribut 1 if (Str.Length*2 <= len) {return str; } var strlen = 0; var s = ""; für (var i = 0; i <str.length; i ++) {s = s+str.charat (i); if (str.charCodeat (i)> 128) {strlen = strlen + 2; if (strlen> = len) {return substring (0, sength-1) + "..."; }} else {strlen = strlen + 1; if (strlen> = len) {return substring (0, sength-1) + "..."; }} else {strlen = strlen + 1; if (strlen> = len) {return substring (0, sength-2) + "..."; }}} return s;} window.onload = function () {var str = document.getElementById ('cut_str'). InnerHtml; var s = cutstring (str, 15); document.getElementById ('cut_str'). innerHtml = s;} </script> <div> <p id = "cut_str"> js Schreibmethode, die den Text überschreitet, wird durch Ellipsen ersetzt. </p> </div> </body> </html>Implementierungsrenderungen
Zusammenfassen
Tatsächlich ist die Hauptsache, die substring -Methode von JS zu verwenden. Es ist immer noch sehr einfach, diese Funktion zu implementieren, ist aber sehr praktisch. Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dieser Artikel wird für alle Hilfe sein.