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 DSL 流畅接口(使用链式调用)实例
Mar 15 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
AngularJS 2.0新特性有哪些
Feb 18 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
谈谈JavaScript的New关键字
Aug 26 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
js实现tab选项卡切换功能
Jan 13 Javascript
js的三种继承方式详解
Jan 21 Javascript
详谈commonjs模块与es6模块的区别
Oct 18 Javascript
iview同时验证多个表单问题总结
Sep 29 Javascript
vue实现多组关键词对应高亮显示功能
Jul 25 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 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 mysql数据库操作分页类
2008/06/04 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
Laravel5.5 实现后台管理登录的方法(自定义用户表登录)
2019/09/30 PHP
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
jquery 事件对象属性小结
2010/04/27 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
js解析json读取List中的实体对象示例
2014/03/11 Javascript
关于jQuery判断元素是否存在的问题示例探讨
2014/07/21 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
vue 中固定导航栏的实例代码
2019/11/01 Javascript
js面试题之异步问题的深入理解
2020/09/20 Javascript
js实现磁性吸附的示例
2020/10/26 Javascript
在Python中处理日期和时间的基本知识点整理汇总
2015/05/22 Python
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
关于python的bottle框架跨域请求报错问题的处理方法
2017/03/19 Python
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
详解python使用turtle库来画一朵花
2019/03/21 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
css3实现书本翻页效果的示例代码
2021/03/08 HTML / CSS
选购世界上最好的美妆品:Cult Beauty
2017/11/03 全球购物
有趣的流行文化T恤、马克杯、手机壳和更多:Look Human
2019/01/07 全球购物
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
C++面试题目
2013/06/25 面试题
不假外出检讨书
2014/01/27 职场文书
党员违纪检讨书
2014/02/18 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
小学生国庆节演讲稿
2014/09/05 职场文书
个人年终总结开头
2015/03/06 职场文书
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫