Без лишних слов давайте просто посмотрим на код
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 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) {// Длина китайского символа, считанного атрибутом длины, составляет 1 if (str.length*2 <= len) {return str; } var strlen = 0; var s = ""; for (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;} </script> <div> <p id = "cut_str"> метод написания JS, который превышает текст, заменяется эллипсами. </p> </div> </body> </html>Реализация
Суммировать
На самом деле главное, чтобы использовать метод substring JS. Это все еще очень просто в реализации этой функции, но она очень практична. Вышеуказанное - все содержание этой статьи. Я надеюсь, что эта статья поможет всем.