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

最新推荐文章于 2022-08-17 14:18:58 发布

转载最新推荐文章于 2022-08-17 14:18:58 发布 · 345 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #ViewUI

本文通过两个HTML页面示例展示了如何使用JavaScript进行字符串截取操作。第一个示例从等号后的字符串中提取前四个字符，并显示了一个简单的警报框。第二个示例则直接修改了页面上div元素的内容，只显示前三个字符加省略号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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