js 字符串隐藏，显示

最新推荐文章于 2022-11-16 00:34:01 发布

badlogic

最新推荐文章于 2022-11-16 00:34:01 发布

阅读量666

点赞数

分类专栏： html 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/u014624659/article/details/84726119

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<span id="layout">五五五wushouhegcc2ge家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景塑料袋咖啡就是离开对方家里的冠军阿隆索的风景数量大幅紧缩力度减肥手机里的风景阿萨德雷锋精神了的风景塑料袋快捷方式来得及发牢骚的风景</span>【<a id='more' href='#'>查看更多</a>】
<script type="text/javascript">
 var end;
 var oDiv=document.getElementById("layout");
 var oText=oDiv.innerHTML;
    function suolve( str ){  
        var sub_length = 10 ;  
        var temp1 = str.replace(/[^\x00-\xff]/g,"**");
        console.info(temp1);
        var temp2 = temp1.substring(0,sub_length);  
        var x_length = temp2.split("\*").length - 1 ;  
        var hanzi_num = x_length /2 ;  
        console.info(hanzi_num);
        sub_length = sub_length - hanzi_num ;  
        console.info(sub_length);
        var res = str.substring(0,sub_length-5);  
        if(sub_length < str.length ){  
            end  =res+"……" ;  
        }else{   
            end  = res ;  
        }  
        return end ;  
    }
         suolve(oText);
        oDiv.innerHTML=end;
        var oBtn=document.getElementById("more");
        oBtn.οnclick=function(){
        if(oBtn.innerHTML=="查看更多"){
                oDiv.innerHTML=oText;
                oBtn.innerHTML="显示精简";
        }else if(oBtn.innerHTML=="显示精简"){
                oDiv.innerHTML=end;
                oBtn.innerHTML="查看更多"
        }
        }
</script>
</body>
</html>