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 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
Sep 14 Javascript
jQuery学习之prop和attr的区别示例介绍
Nov 15 Javascript
JS清空多文本框、文本域示例代码
Feb 24 Javascript
AngularJS中指令的四种基本形式实例分析
Nov 22 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
Jun 21 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
Jul 27 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
easyui的tabs update正确用法分享
2014/03/21 PHP
Yii rules常用规则示例
2016/03/15 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
JQuery 弹出框定位实现方法
2010/12/02 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
用javascript对一个json数组深度赋值示例
2014/07/27 Javascript
使用时间戳解决ie缓存的问题
2014/08/20 Javascript
Javascript学习指南
2014/12/01 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
实战node静态文件服务器的示例代码
2018/03/08 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
2019/08/01 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
利用Psyco提升Python运行速度
2014/12/24 Python
构建Python包的五个简单准则简介
2015/06/15 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
Django自定义过滤器定义与用法示例
2018/03/22 Python
基于python实现高速视频传输程序
2019/05/05 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
Java Spring项目国际化(i18n)详细方法与实例
2020/03/20 Python
如何用 Python 制作 GitHub 消息助手
2021/02/20 Python
JBL英国官网:JBL UK
2018/07/04 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
银行柜员应聘推荐信范文
2013/11/24 职场文书
提拔干部考察材料
2014/05/26 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
利用python Pandas实现批量拆分Excel与合并Excel
2021/05/23 Python
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python