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 相关文章推荐
js 表格隔行颜色
Dec 02 Javascript
javascript 匿名函数的理解(透彻版)
Jan 28 Javascript
jquer之ajaxQueue简单实现代码
Sep 15 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
Vuejs第十二篇之动态组件全面解析
Sep 09 Javascript
JavaScript实现弹出广告功能
Mar 30 Javascript
Javascript调试之console对象——你不知道的一些小技巧
Jul 10 Javascript
three.js搭建室内场景教程
Dec 30 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
Jun 05 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 Javascript
angular异步验证器防抖实例详解
Mar 31 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
真正的ZIP文件操作类(php)
2007/07/21 PHP
php入门之连接mysql数据库的一个类
2012/04/21 PHP
PHP实现货币换算的方法
2014/11/29 PHP
php中get_cfg_var()和ini_get()的用法及区别
2015/03/04 PHP
javascript 密码强弱度检测万能插件
2009/02/25 Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
javascript模拟select,jselect的方法实现
2012/11/08 Javascript
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
JS实现页面打印功能
2017/03/16 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
2017/05/11 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
使用python编写android截屏脚本双击运行即可
2014/07/21 Python
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
Python3.6正式版新特性预览
2016/12/15 Python
python的构建工具setup.py的方法使用示例
2017/10/23 Python
python下载文件记录黑名单的实现代码
2017/10/24 Python
Python中turtle库的使用实例
2019/09/09 Python
QML使用Python的函数过程解析
2019/09/26 Python
基于Python解密仿射密码
2019/10/21 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
pycharm下pyqt4安装及环境配置的教程
2020/04/24 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
波兰补充商店:Muscle Power
2018/10/29 全球购物
绿色家庭事迹材料
2014/05/01 职场文书
安全生产标语
2014/06/06 职场文书
六一儿童节活动总结
2014/08/27 职场文书
党员学习新党章思想汇报
2014/10/25 职场文书
Python爬取科目四考试题库的方法实现
2021/03/30 Python
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB