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 仿关机效果的图片层
Dec 26 Javascript
JS判断表单输入是否为空(示例代码)
Dec 23 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
浅谈js中的闭包
Mar 16 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
jquery仅用6行代码实现滑动门效果
Sep 07 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
Oct 27 Javascript
JavaScript之cookie技术详解
Nov 18 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 Javascript
Vue实战之vue登录验证的实现代码
Oct 31 Javascript
Promise静态四兄弟实现示例详解
Jul 07 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中设置多级目录session的问题
2011/08/08 PHP
PHP伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
ThinkPHP模板替换与系统常量及应用实例教程
2014/08/22 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
PHP人民币金额转大写实例代码
2015/10/02 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
2013/12/14 Javascript
基于js中的原型、继承的一些想法
2016/08/10 Javascript
react-router实现按需加载
2017/05/09 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
2017/11/15 Javascript
axios简单实现小程序延时loading指示
2018/07/30 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
小程序新版订阅消息模板消息
2019/12/31 Javascript
JS实现简单移动端鼠标拖拽
2020/07/23 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
让Python代码更快运行的5种方法
2015/06/21 Python
Pycharm取消py脚本中SQL识别的方法
2018/11/29 Python
Python-copy()与deepcopy()区别详解
2019/07/12 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
opencv中图像叠加/图像融合/按位操作的实现
2020/04/01 Python
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
制药工程专业个人求职自荐信
2014/01/25 职场文书
项目合作协议书
2014/09/23 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
2015年社区流动人口工作总结
2015/05/12 职场文书
和领导吃饭祝酒词
2015/08/11 职场文书
MySQL RC事务隔离的实现
2022/03/31 MySQL
Python使用Beautiful Soup(BS4)库解析HTML和XML
2022/06/05 Python