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 Accessor实现说明
Dec 06 Javascript
javascript学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
JS 删除字符串最后一个字符的实现代码
Feb 20 Javascript
jQuery使用drag效果实现自由拖拽div
Jun 11 Javascript
jQuery解决$符号命名冲突
Jun 18 Javascript
谈谈因Vue.js引发关于getter和setter的思考
Dec 02 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
微信小程序登录态控制深入分析
Apr 12 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
微信小程序ibeacon三点定位详解
Oct 31 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
Dec 20 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查看session内容的函数
2008/08/27 PHP
php设计模式 Builder(建造者模式)
2011/06/26 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
PHP实现简单ajax Loading加载功能示例
2016/12/28 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
详解用webpack2搭建angular2的项目
2017/06/22 Javascript
简单谈谈原生js的math对象
2017/06/27 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
js里面的变量范围分享
2020/07/18 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
Python求解平方根的方法
2015/03/11 Python
django 创建过滤器的实例详解
2017/08/14 Python
Python反射用法实例简析
2017/12/22 Python
Python实现的三层BP神经网络算法示例
2018/02/07 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
python gdal安装与简单使用
2019/08/01 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
2018/02/07 HTML / CSS
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
大学生秋游活动方案
2014/02/17 职场文书
基层党员学习党的群众路线教育实践活动心得体会
2014/11/04 职场文书
2015年计生工作总结范文
2015/04/24 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
七年级作文之《我和我的祖国》观后感作文
2019/10/18 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
spring cloud 配置中心native配置方式
2021/09/25 Java/Android
java版 联机五子棋游戏
2022/05/04 Java/Android