Sans plus tarder, regardons le code
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <tleppe> js méthode d'écriture qui dépasse le texte avec des aellips </tapt {// La longueur du caractère chinois lue par l'attribut de longueur est 1 if (str.length * 2 <= len) {return str; } var strlen = 0; var s = ""; pour (var i = 0; i <str.length; i ++) {s = s + str.charat (i); if (str.charcodeat (i)> 128) {strlen = strlen + 2; if (strlen> = len) {return s.substring (0, s.length-1) + "..."; }} else {strlen = strlen + 1; if (strlen> = len) {return s.substring (0, s.length-1) + "..."; }} else {strlen = strlen + 1; if (strlen> = len) {return s.substring (0, s.length-2) + "..."; }}} return s;} window.onload = function () {var str = document.getElementByid ('Cut_str'). innerHtml; var s = cutString (str, 15); document.getElementById ('Cut_str'). innerHtml = s;} </cript> <div> <p id = "Cut_str"> JS Méthode d'écriture qui dépasse le texte est remplacée par des ellipses. </p> </div> </ body> </html>Rendu de mise en œuvre
Résumer
En fait, l'essentiel est d'utiliser la méthode substring de JS. Il est toujours très simple de mettre en œuvre cette fonction, mais elle est très pratique. Ce qui précède est l'intégralité du contenu de cet article. J'espère que cet article sera d'une aide à tout le monde.