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 读书笔记索引贴
Jan 11 Javascript
简单的前端js+ajax 购物车框架(入门篇)
Oct 29 Javascript
js如何实现设计模式中的模板方法
Jul 23 Javascript
JS实现侧悬浮浮动实例代码
Nov 29 Javascript
js处理表格对table进行修饰
May 26 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
js实现仿百度瀑布流的方法
Feb 05 Javascript
Javascript技术栈中的四种依赖注入小结
Feb 27 Javascript
浅谈javascript中关于日期和时间的基础知识
Jul 13 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
Aug 01 Javascript
基于javascript的无缝滚动动画实现2
Aug 07 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之第三天
2006/10/09 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
php中fsockopen用法实例
2015/01/05 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
2017/11/16 Javascript
微信小程序实现发红包功能
2018/07/11 Javascript
[02:28]DOTA2亚洲邀请赛 LGD战队巡礼
2015/02/03 DOTA
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
[00:43]拉比克至宝魔导师密钥展示
2018/12/20 DOTA
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
python输出数学符号实例
2020/05/11 Python
使用Keras实现简单线性回归模型操作
2020/06/12 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
python向企业微信发送文字和图片消息的示例
2020/09/28 Python
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
2017/08/18 HTML / CSS
单位授权委托书范文
2014/08/02 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
挂职锻炼个人总结
2015/03/05 职场文书
经典祝酒词大全
2015/08/12 职场文书
采购部年度工作总结
2015/08/13 职场文书
教师远程研修感悟
2015/11/18 职场文书
关于做家务的心得体会
2016/01/23 职场文书
编写python程序的90条建议
2021/04/14 Python
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript
js之ajax文件上传
2021/05/13 Javascript
Python 内置函数速查表一览
2021/06/02 Python
详解Flask开发技巧之异常处理
2021/06/15 Python
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB
使用MybatisPlus打印sql语句
2022/04/22 SQL Server