<script language="javascript">
function isChinese(str)
{
var lst = /[u00-uFF]/;
return !lst.test(str);
}
function strlen(str)
{
var strlength=0;
for (i=0;i<str.length;i++)
{
if (isChinese(str.charAt(i))==true)
strlength=strlength + 2;
else
strlength=strlength + 1;
}
return strlength;
}
//-------------------
var strtest="This测试!";
alert(strlen(strtest));
</script>
不分中英文字符都按一个字符计算:
<td>
<textarea name="content" cols=60 rows=8 onKeyUp="textLimitCheck(this,70);"></textarea>
<br>限 70 个字符 已输入 <font color="#CC0000"><span id="messageCount">0</span></font> 个字
</td>
<script>
/*回写span的值,当前填写文字的数量*/
messageCount.innerText = thisArea.value.length;
}
function textLimitCheck(thisArea, maxLength){
if (thisArea.value.length > maxLength)
{
alert(maxLength + ' 个字限制. \r超出的将自动去除.');
thisArea.value = thisArea.value.substring(0, maxLength);
thisArea.focus();
}</script>
<div style="width:300px; height:22px;line-height:22px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;">测试一下效果看能不能达到啊哈只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶 </div>
-----------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
-->
</style>
<ul>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
</ul>
function isChinese(str)
{
var lst = /[u00-uFF]/;
return !lst.test(str);
}
function strlen(str)
{
var strlength=0;
for (i=0;i<str.length;i++)
{
if (isChinese(str.charAt(i))==true)
strlength=strlength + 2;
else
strlength=strlength + 1;
}
return strlength;
}
//-------------------
var strtest="This测试!";
alert(strlen(strtest));
</script>
不分中英文字符都按一个字符计算:
<td>
<textarea name="content" cols=60 rows=8 onKeyUp="textLimitCheck(this,70);"></textarea>
<br>限 70 个字符 已输入 <font color="#CC0000"><span id="messageCount">0</span></font> 个字
</td>
<script>
/*回写span的值,当前填写文字的数量*/
messageCount.innerText = thisArea.value.length;
}
function textLimitCheck(thisArea, maxLength){
if (thisArea.value.length > maxLength)
{
alert(maxLength + ' 个字限制. \r超出的将自动去除.');
thisArea.value = thisArea.value.substring(0, maxLength);
thisArea.focus();
}</script>
<div style="width:300px; height:22px;line-height:22px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;">测试一下效果看能不能达到啊哈只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶 </div>
-----------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
-->
</style>
<ul>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
</ul>