js单行溢出自动截取字符串长度添加省略号|Js单行溢出自动截取字符串长度,添加省略号

时间:2019-07-03  来源:php函数  阅读:

javaScript字符串处理函数,根据定义的长度截取字符串,超出部分裁掉追加……,很多时候网页上显示的内容需要缩成“...”该方法用于处理字符串显示固定长度,超长部分用“...”代替:

 代码如下

/**参数说明:
 * 根据长度截取先使用字符串,超长部分追加…
 * str 对象字符串
 * len 目标字节长度
 * 返回值: 处理结果字符串
 */
function cutString(str, len) {
 //length属性读出来的汉字长度为1
 if(str.length*2 <= len) {
  return str;
 }
 var strlen = 0;
 var s = "";
 for(var i = 0;i < str.length; i++) {
  s = s + str.charAt(i);
  if (str.charCodeAt(i) > 128) {
   strlen = strlen + 2;
   if(strlen >= len){
    return s.substring(0,s.length-1) + "...";
   }
  } else {
   strlen = strlen + 1;
   if(strlen >= len){
    return s.substring(0,s.length-2) + "...";
   }
  }
 }
 return s;
}

当然,如果你要求不高可以使用css实现,css也可以达到效果但就是兼容性差了一点

html代码:

 代码如下


CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.111cn.net


css代码:
div{
width:200px;/*容器的基本定义*/
height:200px;
background-color:#eee;
}

/* IE下的样式 */
p span{
display: block;
width:200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

/* FF 下的样式 */
p{clear:both;}
p span{
float:left;
max-width:175px;   /*IE不能解释该属性,而FF可以*/
}
p:after{
content:"...";
}

好了上面的css目前测试了ie浏览器与ff浏览器是兼容了,但在其它浏览器中暂时还未测试过哦。

js单行溢出自动截取字符串长度添加省略号|Js单行溢出自动截取字符串长度,添加省略号

http://m.bbyears.com/jiaocheng/56297.html

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新