汉字占两个字节，字符占一个字节，不设定宽度限制文本的长度
来源：互联网 发布：超星网络课程 编辑：程序博客网 时间：2024/04/30 16:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link href="css/mui.min.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/indianarecords.css"/>
</head>
<body>
<!--
作者：offline
时间：2017-03-29
描述：固定的部分
-->
<h1>汉字占2个字符，字母占1个字符</h1>
<div id="slider" class="mui-slider">
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<div class="goodsfoot">
<div class="progress_bar">
<label class="label" >
<span class="mui-pull-left">
总须
<span class="count">920</span>
</span>
<span class="mui-pull-right">
剩余
<a href="javascript:;" class="lastcount">754</a>
</span>
</label>
<div class="progress">
<div class="progress-bar">
</div>
</div>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="goodsfoot">
<div class="progress_bar progress_bar_other">
<span>获得者：</span>
<a href="javascript:;">必中黄金汽车等等等dd</a>
<span class="font-red">30</span>
<span>人次</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="goodsfoot">
<div class="progress_bar progress_bar_other">
<span>获得者：</span>
<a href="javascript:;">luckdoggggg</a>
<span class="font-red">30</span>
<span>人次</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="goodsfoot">
<div class="progress_bar progress_bar_other">
<span>获得者：</span>
<a href="javascript:;">哈哈哈</a>
<span class="font-red">30</span>
<span>人次</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="goodsfoot">
<div class="progress_bar progress_bar_other">
<span>获得者：</span>
<a href="javascript:;">哈哈哈哈哈哈</a>
<span class="font-red">30</span>
<span>人次</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="goodsfoot">
<div class="progress_bar progress_bar_other">
<span>获得者：</span>
<a href="javascript:;">1234567890</a>
<span class="font-red">30</span>
<span>人次</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--
作者：offline
时间：2017-03-29
描述：购买的列表
-->
</body>
<script src="js/mui.min.js"></script>
<script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="js/indianarecords.js" type="text/javascript" charset="utf-8"></script>-->
<script type="text/javascript" charset="UTF-8">
mui.init();
document.documentElement.style.fontSize=document.documentElement.clientWidth/3.75+'px';
$(function(){
//progress的长度
var progresslength = 1- ($('.lastcount').text()/$('.count').text());
progresslength = progresslength * 100;
$('.progress-bar').css('width',progresslength+'%');
//限制获得者名字的长度
var uncover = $('.progress_bar_other').length;
for(var i=0;i<uncover;i++){
var winner = $('.progress_bar_other:eq('+i+') a').text();
var totallength = 0;
for(var j=0;j<winner.length;j++){
var intcode = winner.charCodeAt(j);
if(intcode>=0&&intcode<=128){
totallength =totallength+1;
}else{
totallength = totallength+2;
}
}
if(totallength<9){
$('.progress_bar_other:eq('+i+') a').text(winner);
}else{
var totallengthcopy=0;
var newname = new Array();
for(var m=0;m<winner.length;m++){
var intcodecopy = winner.charCodeAt(m);
if(intcodecopy>=0&&intcodecopy<=128&&totallengthcopy<9){
totallengthcopy =totallengthcopy+1;
newname = newname + winner[m];
}else if(totallengthcopy<9){
newname = newname + winner[m];
totallengthcopy = totallengthcopy+2;
}
}
$('.progress_bar_other:eq('+i+') a').text(newname+'...');
}
}
})
</script>
</html>
- 汉字占两个字节，字符占一个字节，不设定宽度限制文本的长度
- javascript正则表达式取汉字的长度，一个汉字占两个字节长度
- 截取字符串,汉字占两个字节，字母占一个字节
- 解决文本框中输入字符限制---精确控制中文占两个字节，英文占一个字节~
- 获取字符串的长度 （汉字占两个字节）
- utf-8的中文：一个汉字占三个字节长度
- 用JS 验证输入的值的长度,一个汉字占两个字节
- 判断一个含汉字的字符串的所占的字节数（汉字占两个字节）
- 一个汉字占几个字节的问题
- 输入框限制字符长度，解决让符号不占字节数
- 一个字符占几个字节
- utf-8的中文是一个汉字占三个字节长度吗?
- 汉字在计算机内部的内码占两个字节
- oracle中一个汉字占多少字节？
- PHP一个汉字占几个字节
- 一个汉字到底占多少字节？
- java一个汉字占几个字节问题
- mysql一个汉字占几个字节
- vfio-pci和vfio_group_fops的关联
- 利用jxl实现excel的导出
- 浅谈模式识别
- 集群负载均衡
- 遍历图片显示
- 汉字占两个字节，字符占一个字节，不设定宽度限制文本的长度
- RHEL7--UNIT7--进程管理
- 实验三
- Android兼容不同设备
- Spark处理远程mongodb数据记录
- 关于svn双机热备
- 删除字符串中的空格
- java迭代输出是穿参需谨慎！！
- 解决CentOS6 yum安装transmission设置不保存无法设置密码
