jquery等宽输出文字插件使用介绍


Posted in Javascript onSeptember 18, 2013
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> 
(function($){ 
$.extend($,{ 
fixedWidth:function(str,length,char){ 
str=str.toString(); 
if(!char) char="..."; 
var num=length-lengthB(str); 
if(num<0){ 
str=substringB(str,length-lengthB(char))+char; 
} 
return str; 
function substringB(str,length){ 
var num=0,len=str.length,tenp=""; 
if(len){ 
for(var i=0;i<len;i++){ 
if(num>length) break; 
if(str.charCodeAt(i)>255){ 
num+=2; 
tenp+=str.charAt(i); 
}else{ 
num++; 
tenp+=str.charAt(i); 
} 
} 
return tenp; 
}else{ 
return null; 
} 
} 
function lengthB(str){ 
var num=0,len=str.length; 
if(len){ 
for(var i=0;i<len;i++){ 
if(str.charCodeAt(i)>255){ 
num+=2; 
}else{ 
num++; 
} 
} 
return num; 
}else{ 
return 0; 
} 
} 
} 
}); 
})(jQuery); 
var a="abcde我是谁呢?"; 
alert(jQuery.fixedWidth(a,10)); 
</script>
Javascript 相关文章推荐
Extjs入门之动态加载树代码
Apr 09 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
Apr 17 Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 Javascript
在jquery中combobox多选的不兼容问题总结
Dec 24 Javascript
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
Apr 10 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
Angular2关于@angular/cli默认端口号配置的问题
Jul 15 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
Oct 29 Javascript
js中的数组对象排序分析
Dec 11 Javascript
Vue Echarts实现可视化世界地图代码实例
May 07 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 #Javascript
JSON 数字排序多字段排序介绍
Sep 18 #Javascript
json数据与字符串的相互转化示例
Sep 18 #Javascript
如何让DIV可编辑、可拖动示例代码
Sep 18 #Javascript
jQuery extend 的简单实例
Sep 18 #Javascript
Javascript中Event属性搜集整理
Sep 17 #Javascript
js获取html文件的思路及示例
Sep 17 #Javascript
You might like
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
php curl优化下载微信头像的方法总结
2018/09/07 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
jQuery图片播放8款精美插件分享
2013/02/17 Javascript
在JavaScript中处理字符串之link()方法的使用
2015/06/08 Javascript
javascript下拉列表中显示树形菜单的实现方法
2015/11/17 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
2016/08/15 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
loading动画特效小结
2017/01/22 Javascript
详解用Node.js写一个简单的命令行工具
2018/03/01 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
2018/03/06 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
2019/11/04 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
python控制台显示时钟的示例
2014/02/24 Python
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
Python中 map()函数的用法详解
2018/07/10 Python
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
Python实现非正太分布的异常值检测方式
2019/12/09 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
Spartoo美国:欧洲排名第一的在线时装零售商
2019/12/12 全球购物
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
高三体育教学反思
2014/01/29 职场文书
母亲节演讲稿
2014/05/27 职场文书
POST提交数据常见的四种方式
2022/01/18 HTML / CSS