html 静态页面 求一段限制标题文字字符个数在500个的代码,

html静态页面求一段限制标题文字字符个数在500个的代码,... html 静态页面 求一段限制标题文字字符个数在500个的代码, 展开
 我来答
百度网友c8ccabb
推荐于2017-11-26 · TA获得超过1756个赞
知道大有可为答主
回答量:826
采纳率:0%
帮助的人:1161万
展开全部

用下面的js进行限制。

<script type="text/javascript">
function checkinput(obj){
if (obj) {
var val = obj.value;
if (val.length > 500) {
obj.value = val.substring(0,500);
}
}
}
</script>


HTML对应 的INPUT输入框:

<input type="text" onkeyup="checkinput(this)" />


当输入超过500个字符时,就会截取,只保留前500个字符


如果你是想在显示时只显示其中蚂轮的500个字符,那你可以将标题进行截取:

// 定义在窗口加载完成后截取文章标题
window.onload=function(){
// 获取氏物简文档标题所在元素,这里假设歼裤元素的ID是articleTitle
var title = document.getElementById("articleTitle");
// 获取到标题内容
var val = title.innerText;
if (val.length > 500) {
// 长度大于500时,直接截取前500个字符
title.innerText=val.substring(0, 500);
}
}


对应HTML:

<h3 id="articleTitle">这里是标题内容</h3>
许海召
2013-11-29 · TA获得超过415个赞
知道小有建树答主
回答量:526
采纳率:0%
帮助的人:138万
展开全部
white-space:nowrap; overflow:hidden; text-overlow:ellipsis; width:300px;
宽度要者派自己设培嫌春置,这个超出部分用 省略号配耐表示
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cs903016
2013-11-29 · TA获得超过1179个赞
知道小有建树答主
回答量:2599
采纳率:80%
帮助的人:1711万
展开全部
var 游返title = document.title;
title.length 仔此= 神戚饥500;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
不要说话好久不
2013-11-29 · TA获得超过210个赞
知道小有建树答主
回答量:346
采纳率:73%
帮助的人:112万
展开全部
。。。。。。。人家只是求个html而已,你看看css,js。。。。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式