js 字符串 隐藏,显示

<!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.onclick=function(){
        if(oBtn.innerHTML=="查看更多"){
                oDiv.innerHTML=oText;
                oBtn.innerHTML="显示精简";
        }else if(oBtn.innerHTML=="显示精简"){
                oDiv.innerHTML=end;
                oBtn.innerHTML="查看更多"
        }
        }
</script>
</body>
</html>

 

猜你喜欢

转载自gcc2ge.iteye.com/blog/2222318