多行文字截取成二行显示加上省略号 js
时间: 2024-10-15 19:14:38 浏览: 1
在JavaScript中,你可以使用字符串的`substr()`或`substring()`函数结合HTML的`...`省略号来实现多行文字的截取并显示两行内容。这里有一个简单的示例:
```javascript
function truncateWithEllipsis(text, maxLength) {
if (text.length > maxLength) {
var splitPoint = text.lastIndexOf('\n', maxLength);
// 如果最后一行超过maxLength,从上一行末尾开始截断
if (splitPoint === -1 || splitPoint + 1 + maxLength < text.length) {
splitPoint = maxLength;
}
return text.substring(0, splitPoint) + '...\n' + text.substring(splitPoint + 1, splitPoint + 1 + maxLength).replace(/\n/g, '');
} else {
return text;
}
}
// 使用方法
var longText = "这是一段非常长的文字,分了好几行..."; // 需要截取的文本
var truncatedText = truncateWithEllipsis(longText, 60); // 指定最大长度为60字节
console.log(truncatedText);
```
这个函数首先检查文本是否超过了指定的最大长度,然后找到换行符`\n`在最大长度内的位置,如果找不到换行符,则直接截取指定长度。最后返回前两行的内容,并添加省略号及换行。
阅读全文