截取字符串是常用的操作,最为常见的一个应用就是截取指定长度的新闻列表的标题,然后以省略号替代。

本章节通过代码实例介绍一下如何实现此功能。

代码实例如下:
   [ 其他 ] 运行代码    下载代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<style type="text/css">
ul{
  list-style:none
}
</style>
<script type="text/javascript"> 
window.onload=function(){
  function cut(obj,len){
    var obj=document.getElementById(obj);
    var lis=obj.getElementsByTagName("li");
    for(var i=0;i<lis.length;i++){
      if(lis[i].innerHTML.length>=len){
        lis[i].innerHTML = lis[i].innerHTML.substring(0, len - 3) + "...";
      }
    }
  }
  cut("main",20)
}
</script> 
</head>
<body> 
<div id="main">
  <ul>
    <li>51前端欢迎您,希望能够得到您想要的东西</li>
    <li>没有任何人天生就是高手,没有后天的努力是不行的</li>
    <li>每一天都是新的,把握好现在</li>
  </ul>
</div>
</body>
</html>

代码描述:JavaScript 截取字符串。JavaScript截取字符串代码实例



123 164



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到