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 相关文章推荐
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 Javascript
js监听输入框值的即时变化onpropertychange、oninput
Jul 13 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 Javascript
node模块机制与异步处理详解
Mar 13 Javascript
Bootstrap学习笔记之css组件(3)
Jun 07 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
AngularJS实现按钮提示与点击变色效果
Sep 07 Javascript
js实现下一页页码效果
Mar 07 Javascript
Vue.js实战之利用vue-router实现跳转页面
Apr 01 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
ES6基础之 Promise 对象用法实例详解
Aug 22 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
php实现用于验证所有类型的信用卡类
2015/03/24 PHP
JavaScript静态的动态
2006/09/18 Javascript
简单JS代码压缩器
2006/10/12 Javascript
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
2007/07/11 Javascript
什么是JavaScript
2009/08/13 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
有趣的javascript数组定义方法
2010/09/10 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
2013/07/22 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
基于Vue实例对象的数据选项
2017/08/09 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
如何解决vue2.0下IE浏览器白屏问题
2018/09/13 Javascript
js回溯法计算最佳旅行线路代码实例
2019/09/11 Javascript
JavaScript Canvas编写炫彩的网页时钟
2019/10/16 Javascript
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
python django 增删改查操作 数据库Mysql
2017/07/27 Python
python实现教务管理系统
2018/03/12 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
python几种常用功能实现代码实例
2019/12/25 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
秘书专业自荐信范文
2013/12/26 职场文书
史学专业毕业生求职信
2014/05/09 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
2014年护理工作总结范文
2014/11/14 职场文书
遗失说明具结保证书
2015/02/26 职场文书
2016年清明节红领巾广播稿
2015/12/17 职场文书
python中pymysql包操作数据库方法
2022/04/19 Python