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
推荐访问: