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 相关文章推荐
JS中如何设置readOnly的值
Dec 25 Javascript
js清理Word格式示例代码
Feb 13 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
Jul 13 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
Vue-CLI与Vuex使用方法实例分析
Jan 06 Javascript
用Angular实现一个扫雷的游戏示例
May 15 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实时显示输出
2008/10/02 PHP
PHP常用开发函数解析之数组篇[未完结]
2012/07/30 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
PHP中的函数声明与使用详解
2017/05/27 PHP
PHP用continue跳过本次循环中剩余代码的注意点
2017/06/27 PHP
利用PHP获取汉字首字母并且分组排序详解
2017/10/22 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
我遇到的参数传递中 双引号单引号嵌套问题
2010/02/11 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
2015/12/25 Javascript
JavaScript重载函数实例剖析
2016/05/13 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
javascript中href和replace的比较(详解)
2016/11/25 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
2020/04/21 Javascript
在Django的模板中使用认证数据的方法
2015/07/23 Python
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
Python3使用pandas模块读写excel操作示例
2018/07/03 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
人民调解员先进事迹材料
2014/05/08 职场文书
大学生违纪检讨书300字
2014/10/25 职场文书
申论不会写怎么办?教您掌握这6点思维和原则
2019/07/17 职场文书
浅谈Python响应式类库RxPy
2021/06/14 Python