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 相关文章推荐
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
js保留两位小数使用toFixed实现
Jul 29 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
ie下$.getJSON出现问题的解决方法
Feb 12 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
AngularJS的ng-click传参的方法
Jun 19 Javascript
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
通过vue写一个瀑布流插件代码实例
Sep 07 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 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
html中select语句读取mysql表中内容
2006/10/09 PHP
PHP之COOKIE支持详解
2010/09/20 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
PHP封装的简单连接MongoDB类示例
2019/02/13 PHP
学习ExtJS fit布局使用说明
2009/10/08 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
2017/02/23 Javascript
javascript中mouseenter与mouseover的异同
2017/06/06 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
Vue学习之常用指令实例详解
2020/01/06 Javascript
jQuery实现小火箭返回顶部特效
2020/02/03 jQuery
Openlayers实现点闪烁扩散效果
2020/09/24 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
Python 除法小技巧
2008/09/06 Python
Python写的贪吃蛇游戏例子
2014/06/16 Python
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
python正则表达式re之compile函数解析
2017/10/25 Python
flask框架渲染Jinja模板与传入模板变量操作详解
2020/01/25 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
python的数学算法函数及公式用法
2020/11/18 Python
python飞机大战游戏实例讲解
2020/12/04 Python
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
当文件系统受到破坏时,如何检查和修复系统?
2012/03/09 面试题
药品营销策划方案
2014/06/15 职场文书
中学生综合素质自我评价
2015/03/06 职场文书
预备党员群众意见
2015/06/01 职场文书
劳保用品管理制度范本
2015/08/06 职场文书
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python
详解MySql中InnoDB存储引擎中的各种锁
2022/02/12 MySQL