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 页面自动加载函数(兼容多浏览器)
May 18 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
Jun 09 Javascript
js怎么覆盖原有方法实现重写
Sep 04 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
jQuery焦点图轮播效果实现方法
Dec 19 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
javascript、php关键字搜索函数的使用方法
May 29 Javascript
vue如何引入sass全局变量
Jun 28 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
Jul 26 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 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
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
PHP针对字符串开头和结尾的判断方法
2016/07/11 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
php的PDO事务处理机制实例分析
2017/02/16 PHP
thinkPHP5 tablib标签库自定义方法详解
2017/05/10 PHP
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
2013/11/12 Javascript
jquery live()重复绑定的解决方法介绍
2014/01/03 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
2017/12/06 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
在小程序中使用canvas的方法示例
2018/09/17 Javascript
angular6的响应式表单的实现
2018/10/10 Javascript
微信小程序数据统计和错误统计的实现方法
2019/06/26 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
vuex的使用步骤
2021/01/06 Vue.js
JS canvas实现画板和签字板功能
2021/02/23 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
CSS实现聊天气泡效果
2020/04/26 HTML / CSS
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
分别介绍一下Session Bean和Entity Bean
2015/03/13 面试题
2014年自我评价
2014/01/04 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书
2016年助残日旅游活动总结
2016/04/01 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
解决MySQL报“too many connections“错误
2022/04/19 MySQL