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变量函数浅析
Sep 02 Javascript
jQuery.extend()的实现方式详解及实例
Jun 29 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
js实现鼠标点击左上角滑动菜单效果代码
Sep 06 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
Feb 07 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 Javascript
微信小程序开发之IOS和Android兼容的问题
Sep 26 Javascript
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
Aug 20 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
转生史莱姆:萌王第一次撸串开心到飞起,哥布塔撸串却神似界王神
2018/11/30 日漫
php 接口类与抽象类的实际作用
2009/11/26 PHP
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
php实现微信模板消息推送
2018/03/30 PHP
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
ajax不执行success回调而是执行了error回调
2012/12/10 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
jquery 页面滚动到指定DIV实现代码
2013/09/25 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
Ionic快速安装教程
2016/06/03 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
javascript cookie基础应用之记录用户名的方法
2016/09/20 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
Webpack中loader打包各种文件的方法实例
2019/09/03 Javascript
vue 实现锚点功能操作
2020/08/10 Javascript
使用Python进行QQ批量登录的实例代码
2018/06/11 Python
python批量赋值操作实例
2018/10/22 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
python scrapy重复执行实现代码详解
2019/12/28 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
美津浓巴西官方网站:Mizuno巴西
2019/07/24 全球购物
应届生妇产科护士求职信
2013/10/27 职场文书
就业推荐表自我鉴定
2013/10/29 职场文书
信息专业大学生自我评价分享
2014/01/17 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
镇党政领导班子民主生活会思想汇报
2014/10/11 职场文书
高考升学宴答谢词
2015/01/20 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
Python+Matplotlib+LaTeX玩转数学公式
2022/02/24 Python
星际争霸:毕姥爷vs解冻03
2022/04/01 星际争霸
MySQL新手入门进阶语句汇总
2022/09/23 MySQL