Js自动截取字符串长度,添加省略号(……)的实现方法


Posted in Javascript onMarch 06, 2017

JavaScript字符串处理函数,根据定义的长度截取字符串,超出部分裁掉追加……,很多时候网页上显示的内容需要缩成“...”该方法用于处理字符串显示固定长度,超长部分用“...”代替:

/**参数说明: 

 * 根据长度截取先使用字符串,超长部分追加… 

 * str 对象字符串 

 * len 目标字节长度 

 * 返回值: 处理结果字符串 

 */ 

 function cutString(str, len) { 

   //length属性读出来的汉字长度为1 

   if(str.length*2 <= len) { 

     return str; 

   } 

   var strlen = 0; 

   var s = ""; 

   for(var i = 0;i < str.length; i++) { 

     s = s + str.charAt(i); 

     if (str.charCodeAt(i) > 128) { 

       strlen = strlen + 2; 

       if(strlen >= len){ 

         return s.substring(0,s.length-1) + "..."; 

       } 

     } else { 

       strlen = strlen + 1; 

       if(strlen >= len){ 

         return s.substring(0,s.length-2) + "..."; 

       } 

     } 

   } 

   return s; 

 }

以上这篇Js自动截取字符串长度,添加省略号(……)的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
深入理解Javascript里的依赖注入
Mar 19 Javascript
javascript动态创建及删除元素的方法
Dec 22 Javascript
jQuery基于ajax实现星星评论代码
Aug 07 Javascript
js实现可折叠展开的手风琴菜单效果
Sep 07 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
Sep 19 Javascript
javascript简单比较日期大小的方法
Jan 05 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
vue.js实现的经典计算器/科学计算器功能示例
Jul 11 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 Javascript
js实现点击烟花特效
Oct 14 Javascript
Bootstrap显示与隐藏简单实现代码
Mar 06 #Javascript
jQuery时间验证和转换为标准格式的时间格式
Mar 06 #Javascript
Bootstrap导航中表单简单实现代码
Mar 06 #Javascript
基于JS实现仿百度百家主页的轮播图效果
Mar 06 #Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
Mar 06 #Javascript
Bootstrap导航简单实现代码
Mar 06 #Javascript
Bootstrap栅格系统简单实现代码
Mar 06 #Javascript
You might like
php判断手机浏览还是web浏览,并执行相应的动作简单实例
2016/07/28 PHP
PHP打印输出函数汇总
2016/08/28 PHP
基于Jquery的动态创建DOM元素的代码
2010/12/28 Javascript
新发现一个骗链接的方法(js读取cookies)
2012/01/11 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
React.js入门学习第一篇
2016/03/30 Javascript
JavaScript中的this引用(推荐)
2016/08/05 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
微信小程序实现弹出菜单
2018/07/19 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
2019/02/08 Javascript
Vue 动态组件与 v-once 指令的实现
2019/02/12 Javascript
vue基于viewer实现的图片查看器功能
2019/04/12 Javascript
如何解决vue在ios微信&quot;复制链接&quot;功能问题
2020/03/26 Javascript
详解为什么Vue中不要用index作为key(diff算法)
2020/04/04 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
Django中对通过测试的用户进行限制访问的方法
2015/07/23 Python
python实现kMeans算法
2017/12/21 Python
python通过百度地图API获取某地址的经纬度详解
2018/01/28 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
Python3转换html到pdf的不同解决方案
2019/03/11 Python
Python常用特殊方法实例总结
2019/03/22 Python
美国优质马术服装购买网站:Breeches.com
2019/12/16 全球购物
什么是Web Service?
2012/07/25 面试题
外语专业毕业生个人的自荐信
2013/11/19 职场文书
班组长岗位职责
2014/03/03 职场文书
师德建设实施方案
2014/03/21 职场文书
校庆标语集锦
2014/06/25 职场文书
文明班级申报材料
2014/12/24 职场文书
2015年护士节活动总结
2015/02/10 职场文书
2015年技术员工作总结
2015/04/10 职场文书
祝酒词范文
2015/08/12 职场文书
厉行节约工作总结
2015/08/12 职场文书
go goroutine 怎样进行错误处理
2021/07/16 Golang