js 截取字符串多出来并用省略号...显示 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

<div id="box">睡懒觉烦死了看时间东方丽景</div>

<script language="javascript">

    function str(){
            var str = 'acadfasfkajdsfkasdfj=fjsdffadf';
            var arr = new Array();
            arr = str.split("=");
            if(arr.length > 1){
                var result = arr[1].substring(0, 4);
            }
            alert(result);
    }        
    str();

    function SubstrDemo(){
       var str,newstr;                // 声明变量。
       var str = "我是中国人，我还中国";   //The rain in Spain falls mainly in the plain.
       newstr = str.substr(0, 3); // 获取子字符串。
       alert(newstr);               // 返回 "Spain"。
    }
    SubstrDemo();



    function Substr(str){
       var newstr;                // 声明变量。
       newstr = str.substr(0, 3); // 获取子字符串。
       alert(newstr);               // 返回 
       document.getElementById("box").innerHTML=newstr+'...';
    }
    var str=document.getElementById("box").innerHTML;
    Substr(str);

</script>
</body>
</html>

 

代码二：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

<div id="box">水电费的说法</div>

<script language="javascript">

    function Substr(str){
       var newstr;                // 声明变量。
       newstr = str.substr(0, 3); // 获取子字符串。
       //alert(newstr);               // 返回 
      //alert(str.length)
      if(str.length<=3){
          return
      }
       document.getElementById("box").innerHTML=newstr+'...';
    }
    var str=document.getElementById("box").innerHTML;
    Substr(str);

</script>
</body>
</html>

 

posted @ 2015-06-04 15:00  Shimily  阅读(1492)  评论(0)  编辑  收藏  举报