Я использовал JQ для выполнения функции усечения текста, но было бы слишком трудно реализовать эту функцию для проектов, которые не используют JQ. Вот функция усечения текста JS. Прямо загрузите код.
HTML (для тестирования):
<div> я в оспу, я оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа, я оспа, я оспа, я - оспа, я - оспа, я в оспе, я в оспе. Ока я осна я в оспу я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа, я - оспа, я - оспа Я - оспа Я - оспа, я - оспа, я - оспа, я оспы, я оспы, я в оспо, я в оспо. Я в голове, я оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа Я - оспа Я - оспа, я - оспа, я в оспе, я в оспе. Ока я осна я в оспу я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа, я - оспа, я - оспа Я - оспа Я - оспа, я - оспа, я - оспа, я оспы, я оспы, я в оспо, я в оспо. Я оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - в оспу, я - оспа, я оспа, я оспа, я - оспа, я в оспе, я в оспе. Ока я осна я в оспу я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа, я - оспа, я - оспа Я - оспа Я - оспа, я - оспа, я - оспа, я оспы, я оспы, я в оспо, я в оспо. Я в голове, я оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа Я - оспа Я - оспа, я - оспа, я в оспе, я в оспе. Ока я осна я в оспу я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа, я - оспа, я - оспа Я - оспа Я - оспа, я - оспа, я - оспа, я оспы, я оспы, я в оспо, я в оспо. Я оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я оспа, я оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я а есть оспа, я в оспе, я, я, оспы, я в оспе. Ока я осна я в оспу я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа, я - оспа, я - оспа Я - оспа Я - оспа, я - оспа, я - оспа, я оспы, я оспы, я в оспо, я в оспо. Я в голове, я оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа Я - оспа Я - оспа, я - оспа, я в оспе, я в оспе. Ока я осна я в оспу я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа, я - оспа, я - оспа Я - оспа Я - оспа, я - оспа, я - оспа, я оспы, я оспы, я в оспо, я в оспо. Я в голове, я оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа Я - оспа Я - оспа, я - оспа, я в оспе, я в оспе. > Я оспа, я - оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа Я - оспа, я - оспа, я - оспа, я оспы, я в оспо, я в оспе. я в оспу я оспа, я оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа, я в оспе, я в оспе. Ока я осна я в оспу я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа, я - оспа, я - оспа Я - оспа Я - оспа, я - оспа, я - оспа, я оспы, я оспы, я в оспо, я в оспо. Я в голове, я оспа, я - оспа, я - оспа, я - оспа, я оспа, я - оспа, я - оспа, я оспа, я - оспа, я оспа Я - оспа Я - оспа, я - оспа, я в оспе, я в оспе. оспа я оспа, я оспа, я оспа, я оспа, я оспа, я оспа, я оспа, я оспа, я оспа, я -
JS:
var limit = []; var text = []; var pox = document.getElementsbytagname ('*' '); for (var i = 0; i <pox.length; i ++) {if (pox [i] .getAttribute ("Limit")) {Limit [i] = pox [i] .getAttribute ("Limit"); Текст [i] = pox [i] .innerhtml; if (limit [i] <text [i] .length) {pox [i] .innerhtml = text [i] .substring (0, limit [i])+"..."; }}}Здесь используйте getElementsbytagname, чтобы получить все узел. If (pox [i] .getAttribute ("Limit")), чтобы отфильтровать узлы, содержащие ограничение атрибута пользовательского атрибута, затем получите значение пользовательского ограничения атрибута каждого узла, поместите его в предел массивы, поместите каждый текст узла в текстовый массив, сравните значение, которое необходимо усечь с длиной текста, и ускорить его.
Все JS, самонаделение написано здесь:
<script type = "text/javascript"> window.onload = function () {(function limit () {var limit = []; var text = []; var pox = document.getelementsbytagname ('*'); for (var i = 0; i <pox.length; i ++) {if (pox [i]. предел [i] = pox [i] .getattribute ("Limit"); } </script>Изображение воспроизведения:
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.