限制页面显示文字字数

最新推荐文章于 2022-06-21 16:45:26 发布

WS_2017

最新推荐文章于 2022-06-21 16:45:26 发布

阅读量732

点赞数

分类专栏： html笔记文章标签：限制显示td中过多的字

本文链接：https://blog.csdn.net/WS_2017/article/details/93002063

版权

html笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WS_2017

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
限制页面显示文字字数

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}" v...
复制链接

扫一扫