限制页面显示文字字数

1、在页面只显示前20个字

<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%>

<c:forEach items="${varList}" var="d" varStatus="status">
	<tr>
	    <td>
			<c:if test="${fn:length(d.CN_NAME) > 20}">
				<span title="${d.CN_NAME}">${fn:substring(d.CN_NAME, 0, 20)}...</span>
			</c:if>
			<c:if test="${fn:length(d.CN_NAME) <= 20}">${d.CN_NAME}</c:if>
		</td>
    </tr>
</c:forEach>

2、 使用script进行长度限制,只显示前5个字

效果如下: 

代码如下:

<script> 
function cutStr(len){ 
    var obj=document.getElementById('table1').getElementsByTagName('td'); 
    for (i=0;i<obj.length;i++){ 
        obj[i].innerHTML=obj[i].innerHTML.substring(0,len)+'…'; 
    } 
} 
</script> 
</head> 
<body onload="cutStr(5)"> 
<table id="table1"> 
    <tr> 
        <td>11111111111111111111111</td>
	 </tr>
	 <tr> 
		<td>2222222222222222222</td> 
    </tr> 
    <tr> 
        <td>3333333333333333333333</td>
	</tr>
	<tr> 
	<td>444444444444444444444</td> 
    </tr> 
</table> 
</body> 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值