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

最新推荐文章于 2024-05-30 13:59:14 发布

bill_live

最新推荐文章于 2024-05-30 13:59:14 发布

阅读量302

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/shimily/articles/4551861.html

版权

<!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>

转载于:https://www.cnblogs.com/shimily/articles/4551861.html

bill_live

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 截取字符串多出来并用省略号...显示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><div id="box">睡懒觉烦死了看时间东方...
复制链接

扫一扫