很多時候，你不用考慮文字字數的問題，因為和你多地方，如資料庫、後臺控制；都會限制文字字數，

但有時候，比如：你的老闆說，我們現在要做一個簡單的主題介紹單頁，還是要適用於web手機端的；那麼你就有可能會用到以下這段js了，不是特別的複雜，不過一定是實用的。

我寫的很粗糙，大神請無視，歡迎給予批評!

js程式碼

<script>
window.onload=function(){
	var oUl=document.getElementById("piot");
    var str=oUl.innerHTML;
	oUl.innerHTML=str.substr(0,80)+"...";//先按一定字數縮排
    var i=0;
	var oA = document.getElementById("puta");
	oA.onclick = function ()//點選更多箭頭的時候顯
	{	
		
		if(i==0){	
			oUl.innerHTML=str.substr(0,9999);
			oA.innerHTML = "<img src='images/win-005s.png' width='31' height='16'>"	
			i=i+1;
		}
		else{
			oUl.innerHTML=str.substr(0,80)+"...";
			oA.innerHTML = "<img src='images/win-005.png' width='31' height='16'>"
			i=0;	
		}
	};
    
}
</script>
 

<div class="t-user-kiss">
	<p id="piot">
    我叫紀鴻聰，北京大學法學院博士生。2015年起南下申城研習社會理論，在南洋公學的拱廊下躊躇至今。我的主要研習領域為近代英美法歷史、當代法與社會理論等，尤溪閱讀聯邦最高法院史2015年起南下申城研習社會理論，在南洋公學的拱廊下躊躇至今。我的主要研習領域為近代英美法歷史、當代法與社會理論等，尤溪閱讀聯邦最高法院史。
    </p>
    <a id="puta"><img src="images/win-005.png" width="31" height="16"></a>
</div>