JavaScript截取指定长度字符串点击可以展开全部代码(js字段截取)

编辑：rootadmin

推荐整理分享JavaScript截取指定长度字符串点击可以展开全部代码(js字段截取)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js 截取,js截取图片的一部分,javascript截取指定的子串,js 截取,js 截取,js 截取,javascript截取指定的子串,js 截取,内容如对您有帮助，希望把文章链接给更多的朋友！

文章的篇幅往往不是那么恰到好处，如果以原有的篇幅展示，那么有可能会影响网页的布局或者美观度，这个时候就要根据情况适量截取一定的字符串，以适应布局，不过当点击一个按钮的时候依然可以展开全部的内容，下面就通过一个实例详细介绍一下如何实现此效果,代码示例如下:

以上代码实现了我们的要求，截取指定的字符串，后面以"..."结尾，当点击这个结尾的时候，能够展开所有的文字内容，下面就介绍一下此效果的实现过程。

一.实现原理:

创建一个span元素和a元素，然后使用substring()函数截取指定的字符串并将其设置为span元素的内容，然后判断原来字符串的长度是否大于指定长度，如果大于，则将a元素中的内容设置为"..."。然后将原有div清空，然后span元素和a元素添加到div中去，这样就实现了截取功能。为a元素注册时间处理函数，点击此按钮就会执行事件处理函数，此函数首先判断是出于何种状态，如果处于收起状态，那么就会将a元素中的内容设置为"收起"，并且将原有所有字符放入span，这样就实现了展开，如果出于展开状态，那么就是截取字符和修改a元素中的内容。原理大体如此，可以参阅相关阅读。

以上内容是本文给大家介绍的JavaScript截取指定长度字符串点击可以展开全部代码，希望大家喜欢。

写给小白的JavaScript引擎指南关于本文标题，我并不认为参与写或者读本文的人是白痴。但是有时某个话题会让你觉得自己就像个白痴一样，而JavaScript引擎就是这些话题之一，至少

详解JavaScript逻辑Not运算符在JavaScript中，逻辑NOT运算符与C和Java中的逻辑NOT运算符相同，都由感叹号（!）表示。与逻辑OR和逻辑AND运算符不同的是，逻辑NOT运算符返回的一定是Boole

JavaScript encodeURI 和encodeURIComponent encodeURI和encodeURIComponet函数都是javascript中用来对URI进行编码，将相关参数转换成UTF-8编码格式的数据。URI在进行定位跳转时，参数里面的中文、日文等非

标签: js字段截取

本文链接地址:https://www.jiuchutong.com/biancheng/387101.html 转载请保留说明！

上一篇：Javascript技术难点之apply，call与this之间的衔接(javascript好学吗?)

下一篇：写给小白的JavaScript引擎指南(写给小白的情书)