本文介绍了一种利用jQuery库动态获取HTML元素内容长度的方法，通过扩展String原型添加自定义长度计算函数LenExt()，实现了对中文字符双字节长度的正确计算，并展示了如何将此方法应用于实际页面元素上。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页</title> <mce:script src="../js脚本/jquery-1[1].3.2.min.js" mce_src="js脚本/jquery-1[1].3.2.min.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- //用prototype为String对象添加一个LenExt()方法! String.prototype.LenExt=function() { var len=0; for(var i=0;i<this.length;i++) { if(this.charCodeAt(i)>128) { len=len+2; } else { len=len+1; } } return len; }; // --></mce:script> </head> <body> <div>我是谁?</div> <input id="Text1" type="text" /> <div>ws_hgo</div> <input id="Text2" type="text" /> <!--val获得第一个匹配元素的当前值,设置每一个匹配元素的值。--> <!--因为eq(num)返回的是个jq对象,可以调用jq的html方法--> <mce:script type="text/javascript"><!-- // alert( $("div").eq(0).html()); $("#Text1").val($("div").eq(0).html().LenExt()); $("#Text2").val($("div").eq(1).html().LenExt()); // --></mce:script> </body> </html>
prototype与jquery实例
最新推荐文章于 2019-11-24 11:35:09 发布
扫一扫
616
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
