js实现文字超出部分用省略号代替实例代码

话不多说，我们直接看代码

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title超过的文字用省略号代替的射流研究…写法/title/head discript函数cutString(str，len){//长度属性读出来的汉字长度为1 if(字符串。长度* 2=len){ return str；} var strlen=0；var s=for(var I=0；我字符串长度；I){ s=s str。charat(一)；if(str。charcodeat(I)128){ strlen=strlen 2；if(strlen=len){ 0返回s.substring(0，s.length-1)“.”；} } else { strlen=strlen 1；if(strlen=len){ 0返回s.substring(0，s.length-2)“.”；} } }返回s；}窗口。onload=function(){ var str=document。getelementbyid(' cut _ str ').innerHTMLvar s=cutString(str，15)；文件。getelementbyid(' cut _ str ').innerHTML=s；}/script div class=' js _ cut _ str ' p id=' cut _ str '超过的文字用省略号代替的射流研究…写法/p/div/body/html实现效果图

总结

其实主要还是用到了射流研究…的子链方法，实现这个功能还是很简单的，但是很实用，以上就是这篇文章的全部内容了，希望这篇文章对大家能有一定的帮助。