`

使用javascript解决字符串超长显示的问题

阅读更多

有时候做项目的时候会遇到,新闻之类的列表展示。可是呢,列表的格式长度有限制,客户要求我们不能太长,如果超出了只显示一部分,然后再后面加几个省略号。 话不多说,看代码,自己也做记忆:

[html] view plaincopy

在CODE上查看代码片派生到我的代码片

这里的字符串其实不是我说的那么长但是为了演示需要所以我才整的那么长

<html>
<head>
</head>
<body>
<B   style="color:blue"><span id="rowid_titleid">这里的字符串其实不是我说的那么长但是为了演示需要所以我才整的那么长</span></B>
</br>
<B   style="color:red"><span id="rowid_new_titleid"></span></B>
</body>
</html>

<script language="javascript">
var rowidtitleid=document.getElementById("rowid_titleid");

if(rowidtitleid.innerHTML.length>20){ //判断span标签里面文字长度是否大于20
var ss=rowidtitleid.innerHTML.substr(0,19);
var rowidnewtitleid=document.getElementById("rowid_new_titleid");
rowidnewtitleid.innerHTML=ss+"...";
}
</script>
分享到:
评论

相关推荐

    字符长度计算和长度截取显示

    综上所述,这些函数共同实现了一个完整的文本长度控制解决方案,包括了字符串长度计算、输入验证、HTML 转义和安全显示以及字符串截断等功能。这些技术点在 Web 开发中非常实用,能够帮助开发者构建更加健壮和安全的...

    超出的文字用省略,用…代替.rar

    当一个字符串长度超过预设的最大显示长度时,我们希望在超出部分添加省略号("…")以表示还有未显示的内容。在HTML中,我们可以使用CSS的`text-overflow`属性配合`white-space`和`overflow`属性来实现这个效果。但...

    微信小程序文字显示换行问题

    一种有效的方法是使用正则表达式匹配替换掉数据中的换行符,具体操作是使用JavaScript中的字符串replace方法,将所有的换行符(\n)替换成转义后的换行符(\\n),这样就可以避免在JSON.parse时出现错误。 此外,微信小...

    GridView 72绝技

    10. **超长字符串替换** - 使用`DataFormatString`结合`String.Format`函数,用"..."替换超过一定长度的字符串。 11. **一般换行与强制换行** - 使用` `标签或CSS的`white-space`属性来控制文本换行行为。 12...

    <.net实例>--gridview使用大全

    GridView 实现用“…”代替超长字符串 **示例:** - 使用 `DataFormatString` 和 `Text` 属性。 - 示例代码略。 **解释:** - 当字符串长度超过一定限制时,使用省略号代替剩余部分。 ##### 12. GridView 一般...

    C#精髓-- GridView 72般绝技

    GridView实现用“...”代替超长字符串 **知识点**:处理超过指定长度的文本,使用省略号来表示。 - **使用DataFormatString**:通过设置 `DataFormatString` 来截断文本并添加省略号。 - 示例代码:设置文本列的...

    在线文档对应的pdf文件

    - **string**:字符串类型。 - **boolean**:布尔类型。 - **数组**:使用方括号或类型后加`[]`表示。 - **对象**:键值对形式的数据结构。 - **函数** - **函数声明语法**:定义函数的基本格式。 - **参数...

    boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器

    这些问题可能需要通过JavaScript进行特殊处理,尽管这并不是最佳解决方案。再者,超长的选中项在IE6下可能会导致样式错乱,因为文字换行行为不正确。 尽管存在这些问题,Boxy选择器仍然具备一些显著的优点。首先,...

Global site tag (gtag.js) - Google Analytics