js实现文字超出显示省略号

Javript截取字符串限制显示字数加省略号摘要

虽然 CSS 可以设置超出部分隐藏，但是出于用户体验考虑，还是截取字符串比较顺眼。
JavaScript 截取字符串，显示省略号：

<meta set="utf-8">
<style>
 .txt{width: 200px;height: 60px}
</style>
<div id="atxt" class="txt"></div>
 
<script>
var txt="虽然 CSS 可以设置超出部分隐藏，但是出于用户体验考虑，还是截取字符串比较顺眼。JavaScript 截取字符串，显示省略号："; 
 
document.getElementById('atxt').innerHTML=limitWords(txt); 
 
function limitWords(txt){
    var str = txt;
    str = str.substr(0,20) + '...';
    return str;
}
</script>

查看效果

上面代码是截取，显示前 20个字符，后面加省略号。