本人新人,在做一个网站,在不用CSS样式情况下,用JS代码怎么控制某段内容只显示固定字数,注意:字数是汉字,因为本人是新人,请多标注注释。 例子:地址:北京市朝阳区人民法院
/**
http://www.runoob.com/cssref/css3-pr-text-overflow.html
if (isNotNull(aData.remarks) /*<!--[CDATA[*/&&/*]]-->*/ aData.remarks.length > 12) {
$('td:eq(5)', nRow).html(''+aData.remarks.substring(0,12)+"..."+'');
}else{
$('td:eq(5)', nRow).html(isNotNull(aData.remarks)?aData.remarks:"");
}
不用css的话可以直接用substring来进行截取
var temp = “地址:北京市朝阳区人民法院”
function cutout(temp){
temp=temp.substring(0,10)+"...";//截取代码
alert(temp);//弹框打印
}
cutout(temp);
使用标签<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>提供的函数,直接使用js的切割方法substring
text-overflow:ellipsis;
更方便的是通过CSS来设置。
JS、JQ都没有提供方法来直接设定显示多少字数,下面这是JQ方法,通过字符串截取,比较简单
$(function(){
var tstring = "今天的发布会大家也有感受,保险是一个专业性很强的领域,而且也有很多的问题大家很关注今天的发布会到此结束。";
demo_method(tstring);
});
function demo_method(tstring){
var text1 = tstring;
var text2 = text1.substring(0,10);
$('.txt_content').append(text2+"...");
}
<p class="txt_content"></p>