如何用让 javascript 更智能的截取字符串长度
阿神
阿神 2017-04-10 12:41:22
[JavaScript讨论组]

现在使用的方法比较土鳖,每次都要用下面这句来实现,不知道大家有没有更健壮的方法或者有现成的库可以参考?

if(string.length > 100) {
    string = string.substring(0,100)+"...";
}
阿神
阿神

闭关修行中......

全部回复(3)
天蓬老师

提问者其实可以用css来实现这种效果的,这个比任何的js都要好的。代码如下:

.overflowStringContainer{width:300px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

text-overflow最初是IE的一个私有属性,现在已经被纳入css3里面,兼容性列表可查看:http://www.zhangxinxu.com/css3/css3-t...,截至2011.11.7,IE,firefox,Opera,safari,chrome的最新版本已经都完全支持此属性。

PHPz

不知道你是不是说每次都写这一句很麻烦呀?
如果是的话你可以将截取单独写成函数,需要的时候调用传递参数就可以了:

String.prototype.trunc = function(n){
    return this.substr(0,n-1)+(this.length>n?'...':'');
};

使用:

var s = 'hello everyone';
s.trunc(30); //=> hello everyone
s.trunc(5); //=> hell...

不过这种方法经常会把英文单词掰坏,不能算智能,不知道有没有人能改进。

伊谢尔伦

来个换汤不换药的, 这种东东用 python 的切片操作就舒服了

var trim = function(str,limit){
    return str[limit] ? [str.substring(0,limit),''].join('...') : str;
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号