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 文件大小判断的实现代码
Apr 07 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
May 21 Javascript
JavaScript脚本库编写的方法
Dec 09 Javascript
js实现的页面矩阵图形变换特效
Jan 26 Javascript
vue插件tab选项卡使用小结
Oct 27 Javascript
BootStrap中Table隐藏后显示问题的实现代码
Aug 31 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 Javascript
在js代码拼接dom对象到页面上的模板总结
Oct 21 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
微信小程序实现form表单本地储存数据
Jun 27 Javascript
微信小程序封装分享与分销功能过程解析
Aug 13 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
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
在WordPress中安装使用视频播放器插件Hana Flv Player
2016/01/04 PHP
PHP设计模式之单例模式原理与实现方法分析
2018/04/25 PHP
PHP实现的数据对象映射模式详解
2019/03/20 PHP
PHPUnit + Laravel单元测试常用技能
2019/11/06 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
初学Javascript的一些总结
2008/11/03 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
2013/05/03 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
form表单action提交的js部分与html部分
2014/01/07 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
JavaScript内存管理介绍
2015/03/13 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
关于小程序优化的一些建议(小结)
2020/12/10 Javascript
详解javascript脚本何时会被执行
2021/02/05 Javascript
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
Python判断某个用户对某个文件的权限
2016/10/13 Python
Python中.py文件打包成exe可执行文件详解
2017/03/22 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
Python图像处理库PIL的ImageEnhance模块使用介绍
2020/02/26 Python
Python如何截图保存的三种方法(小结)
2020/09/01 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
pycharm实现猜数游戏
2020/12/07 Python
详解HTML5中垂直上下居中的解决方案
2017/12/20 HTML / CSS
HTML5 与 XHTML2
2008/10/17 HTML / CSS
专营店会计助理岗位职责
2013/11/29 职场文书
晚归检讨书
2014/02/19 职场文书
教师见习期自我鉴定
2014/04/28 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
幼儿园小班教育随笔
2015/08/14 职场文书
Java 定时任务技术趋势简介
2022/05/04 Java/Android