js控制文本字数，并能点击显示和隐藏

来源：互联网发布：管家婆软件怎么安装编辑：程序博客网时间：2024/05/21 11:01

很多时候，你不用考虑文本字数的问题，因为和你多地方，如数据库、后台控制；都会限制文本字数，

但有时候，比如：你的老板说，我们现在要做一个简单的主题介绍单页，还是要适用于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>

html代码

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

css样式就自行脑补，毕竟你肯定要用你自己的样式的，见谅。

0 0