js中实现文字省略，js文本溢出省略号

在js中判断,如果字符串的长度大于10后面的就用省略号代替,怎么实现?_百...

start必需。要抽取的子串的起始下标。length可选。子串中的字符数。示例代码如下 创建Html元素 点击按钮后只显示前10个汉字：我是一段足够长的内容。是的，我是一段足够长的内容；不错，我就是一段足够长的内容；毫无疑问，我真的已经足够长了。

JS的这样 function x(){ var str=document.getElementById(td1).innerHTML；var cd=str.length；if(cd5){document.getElementById(td1).innerHTML=str.substring(0，5)+...；} } 1234567890 但感觉用JS不是很好吧 用PHP的话就不用页面加载了。

也可以用sizeof(ab1\\\12803)来求，但是这个求出的结果是多了一个字符串结束符\0。可以试着输出这个字符串看看是不是10个字符。strlen()函数判断的字符串长度是以\0为结尾作为标志的。

你好，看了 你的问题，单纯用css现在貌似解决不了，css只能实现溢出隐藏，用...来表示。你需要隐藏中间部分内容，需要用到js啊。可以用js先算出字符串的长度，然后截取收尾两段显示，中间加...即可。

先说一下，看看能不能自己实现了。不知道页面上面是不是可以用c：if标签，如果不可以，而用得是嵌入java代码的形式，也行。自己看着判断一下字符串的长度，如果超过一定的长度（可以设为十个或者几个字），就显示截取固定长度的字符串，然后后面显示省略号。这是省略号的显示。鼠标尝过，显示全部文本。

相关问答

Q1: 怎么用js实现多行文本溢出用省略号?

增加-webkit-line-clamp： 2；（2是两行的意思）。

首先是没有固定的高度，元素的高度就是文本的高度，但是文本太高也不是很美观，给一个最大高度，文本溢出显示滚动条。其次是有固定高度，超出元素告诉，显示滚动条 滚动条显示 溢出显示省略号（一行）溢出显示省略号（多行）注意，该方法适用于Webkit浏览器及移动端。

之前做项目管理项目比较多，竟然从来不知道多行文本溢出显示省略号的常规写法 （overflow： hidden；text-overflow：ellipsis； display： -webkit-box；-webkit-line-clamp： 3；-webkit-box-orient： vertical；）在IE和Firefox是无效的，可见前端学习的无止境不止体现在js和各种主流框架等等，在css上也是一样。

先说一下，看看能不能自己实现了。不知道页面上面是不是可以用c：if标签，如果不可以，而用得是嵌入java代码的形式，也行。自己看着判断一下字符串的长度，如果超过一定的长度（可以设为十个或者几个字），就显示截取固定长度的字符串，然后后面显示省略号。这是省略号的显示。鼠标尝过，显示全部文本。

截取目标长度的字符串即可实现上述功能，这需要jquery的substr()方法：stringObject.substr(start，length)功能 substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。参数 start必需。要抽取的子串的起始下标。length可选。子串中的字符数。

是的，css只支持一行超出显示省略号的。如果又想显示多行，又想把超出的显示为省略号，可以用程序处理，javascript就可以的。

Q2: 求高手帮忙用js写一条字符串超长用省略号表示的正则表达式

1、如果前面是固定的“姓名：”的话，试试(？=姓名：).*？(？=，\d{11})。正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。

2、可以有，也可以没有 \d：表示只能是数字 {7}：表示限制只能是7位 \d{7}：表示只能是7位数字 ：表示字符串末尾 仅供参考。关于正则表达式，如果感兴趣，可以用google搜：crifan 正则表达式学习心得 就可以找到我写的帖子了。里面总结了，python，C#，php，js，notepad++等各种语言中的正则的写法。

3、解析：^1 以1开头，\d表示数字，\d{10}表示数字出现10次，加上前面以1开头，正好是11个数字，X$表示以X结尾，这里用$表示后面没有了，11个数字后已经是匹配字符串的结尾。结果展示：正则表达式，又称规则表达式。

4、你的表达式里多了一个]。另外正则里.代表任意字符，而不是.这个字符；只有一个字符时没必要用中括号括起来。

5、对于字符s，利用正则匹配 ：var num = s.replace(/[^0-9]/ig， )。js正则表达式语法：正则表达式有两种形式，一种是普通方式，一种是构造函数方式。普通方式：var reg=/表达式/附加参数表达式：一个字符串，代表了某种规则，其中可以使用某些特殊字符，来代表特殊的规则，后面会详细说明。

Q3: 用JS在字符过长时加省略号

增加-webkit-line-clamp： 2；（2是两行的意思）。

stringObject.substr(start，length)功能 substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。参数 start必需。要抽取的子串的起始下标。length可选。子串中的字符数。示例代码如下 创建Html元素 点击按钮后只显示前10个汉字：我是一段足够长的内容。

加..这样的省略号一般是由程序员来做的，页面前台用样式控制高度超出部分隐藏。 如果非要用样式来实现也是可以的，做一个...的图片用来当背景从右侧开始显示。

Q4: 多行显示时文字最后多余的用省略号显示。怎么用js写

一般在网页中控制文字的显示字数且多余的字用省略号代替。不会有js代码的。那种反而浪费时间。用下面的方法。只要给那个css标签定义一下样式就行了。

增加-webkit-line-clamp： 2；（2是两行的意思）。

stringObject.substr(start，length)功能 substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。参数 start必需。要抽取的子串的起始下标。length可选。子串中的字符数。示例代码如下 创建Html元素 点击按钮后只显示前10个汉字：我是一段足够长的内容。

Q5: JS如何实现一段文本只显示指定长度的文字,当未显示文字用省略号,鼠标...

1、家庭由婚姻派生，婚姻、养育和家庭影响... var str=到每一个家庭成员，处理好这些问题也是人生的课题。

2、一般在网页中控制文字的显示字数且多余的字用省略号代替。不会有js代码的。那种反而浪费时间。用下面的方法。只要给那个css标签定义一下样式就行了。

3、先说一下，看看能不能自己实现了。不知道页面上面是不是可以用c：if标签，如果不可以，而用得是嵌入java代码的形式，也行。自己看着判断一下字符串的长度，如果超过一定的长度（可以设为十个或者几个字），就显示截取固定长度的字符串，然后后面显示省略号。这是省略号的显示。鼠标尝过，显示全部文本。

4、看着简单实则小麻烦的一个功能 超过三行时，在文字后方显示省略号和展开按键 点击展开按键，显示全部内容 主要是使用getClientRects().length方法获取文本的行数，判断文本显示是否超过3行，大于3行时进行截取并重新给元素赋值。 页面宽度变化时需要重新进行计算。

js中实现文字省略的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js文本溢出省略号、js中实现文字省略的信息别忘了在本站进行查找喔。