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 相关文章推荐
弹出窗口并且此窗口带有半透明的遮罩层效果
Mar 13 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
jQuery中的jQuery()方法用法分析
Dec 27 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
jquery控制显示服务器生成的图片流
Aug 04 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
原生javascript实现分页效果
Apr 21 Javascript
详解Vue 2.0封装axios笔记
Jun 22 Javascript
在Js页面通过POST传递参数跳转到新页面详解
Aug 25 Javascript
vue的过滤器filter实例详解
Sep 17 Javascript
深入理解Puppeteer的入门教程和实践
Mar 05 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
Oct 23 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中使用接口实现工厂设计模式的代码
2012/06/17 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
2014/01/14 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
jQuery带箭头提示框tooltips插件集锦
2014/11/17 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
jQuery获取cookie值及删除cookie用法实例
2016/04/15 Javascript
Bootstrap开发实战之响应式轮播图
2016/06/02 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
webpack配置的最佳实践分享
2017/04/21 Javascript
jQuery plugin animsition使用小结
2017/09/14 jQuery
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
在vscode中统一vue编码风格的方法
2018/02/22 Javascript
浅谈Vue下使用百度地图的简易方法
2018/03/23 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
2019/05/07 Javascript
在Layui中实现开关按钮的效果实例
2019/09/29 Javascript
js实现旋转木马轮播图效果
2020/01/10 Javascript
CentOS7安装Python3的教程详解
2019/04/10 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
Gap工厂店:Gap Factory
2017/11/02 全球购物
Python如何实现单例模式
2016/06/03 面试题
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
协议书样本
2014/04/23 职场文书
升国旗演讲稿
2014/09/05 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
IDEA中sout快捷键无效问题的解决方法
2022/07/23 Java/Android