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 相关文章推荐
Iframe 自动适应页面的高度示例代码
Feb 26 Javascript
使用Chrome调试JavaScript的断点设置和调试技巧
Dec 16 Javascript
对Web开发中前端框架与前端类库的一些思考
Mar 27 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
jQuery实现验证年龄简单思路
Feb 24 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
Sep 19 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
实例详解JSON取值(key是中文或者数字)方式
Aug 24 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 Javascript
微信小程序scroll-view的滚动条设置实现
Mar 02 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设计模式 Proxy (代理模式)
2011/06/26 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
PHP APC的安装与使用详解
2013/06/13 PHP
PHPUnit安装及使用示例
2014/10/29 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
JavaScript中操作字符串小结
2015/05/04 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
Vue 中axios配置实例详解
2018/07/27 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
2018/09/16 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
Python函数式编程指南(四):生成器详解
2015/06/24 Python
Python实现的密码强度检测器示例
2017/08/23 Python
Python读取word文本操作详解
2018/01/22 Python
关于python写入文件自动换行的问题
2018/06/23 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
使用python进行波形及频谱绘制的方法
2019/06/17 Python
使用pandas读取文件的实现
2019/07/31 Python
python如何保证输入键入数字的方法
2019/08/23 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
Flask之pipenv虚拟环境的实现
2019/11/26 Python
Pyspark获取并处理RDD数据代码实例
2020/03/27 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
5个你不知道的HTML5的接口介绍
2013/08/07 HTML / CSS
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
创业计划书怎样才能打动风投
2014/01/01 职场文书
css3应用示例:新增的选择器
2022/03/16 HTML / CSS