当前位置:首页 > 日记 > 正文

Js自动截取字符串长度,添加省略号 | ……的实现方法

Js自动截取字符串长度,添加省略号 | ……的实现方法

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自动截取字符串长度,添加省略号(……)的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

JS中正则表达式全局匹配模式 /g用

JS中正则表达式全局匹配模式 /g用

匹配模式,正则,表达式,全局,详解,本文章来详细介绍js中正则表达式的全局匹配模式 /g用法,代码如下:var str = "123#abc"; var re = /abc/ig; console.log(re.test(str)); //输出ture console.log(re.test(str)); //输出false console.log…

怎么隐藏word中的回车符隐藏word中

怎么隐藏word中的回车符隐藏word中

回车符,步骤,方法,电脑软件,word,  word文档编辑中,开始对回车字符感觉没啥,时间久了,总觉得影响美观,虽然打印的时候不出现,但是影响编辑的视觉效果,想将其隐藏。下面小编就教你怎么隐藏word中的回车符,希望对你有帮助!隐藏word中的回车符的步骤…

wps怎么粘贴表格公式

wps怎么粘贴表格公式

方法,公式,表格,电脑软件,wps,  我们可以在wps表格中将公式进行复制,然后粘贴为数值,具体的操作应该是怎样的呢?对于新手来说熟练运用wps表格还是有一定难度,怎么办?下面就让小编告诉你wps表格怎样粘贴公式 的方法,欢迎大家来到学习。wps表格…

怎样利用word制作漂亮信纸

怎样利用word制作漂亮信纸

方法,信纸,漂亮,电脑软件,word,  平时我们在写信的时候,经验要用到漂亮的信纸,这样增强美观效果。在这里就简单的告诉一下大家,怎么样利用Word 制作信纸效果,需要的朋友可以来看看哦。利用word制作漂亮信纸的方法制作信纸步骤1:第一步点击表格…

如何打开QQ边搜边聊

如何打开QQ边搜边聊

电脑软件,QQ,边搜边聊,  下面小编告诉大家如何打开QQ边搜边聊?喜欢的朋友可以参考下。QQ聊天窗口有个边搜边聊,很方便,在你和好友聊天的时候,无需打开浏览器,直接在聊天窗口就可以搜索自己想知道的知识。欢迎大家前来阅读!不知道大家有没有发…

Vuex之理解Getters的用法实例

Vuex之理解Getters的用法实例

实例,电脑软件,Vuex,Getters,1.什么是getters在介绍state中我们了解到,在Store仓库里,state就是用来存放数据,若是对数据进行处理输出,比如数据要过滤,一般我们可以写到computed中。但是如果很多组件都使用这个过滤后的数据,比如饼状图组件和曲线…

wps文字怎么设置段落布局图文教程

wps文字怎么设置段落布局图文教程

布局,文字,设置,方法,图文教程,  对于长篇文档最基本的要求应该段落分明,那么,在wps文字中,怎样设置段落布局呢?下面就让小编告诉你wps文字怎样设置段落布局。wps文字设置段落布局的方法一对于长篇文档最基本的要求应该段落分明,那么,在wps文…

在word2013如何绘制简易流程图

在word2013如何绘制简易流程图

流程图,绘制,简易,电脑软件,  在日常学习和办公中,你有无法画出流程图的困扰吗?还在考虑下载并使用visio绘制流程图么?。其实使用Word2013也可以快速轻松搞定流程图,那么下面就由小编为您分享下绘制简易流程图的技巧,希望能帮助您。绘制简易…

Excel中怎么利用函数进行筛选Excel

Excel中怎么利用函数进行筛选Excel

函数,筛选,方法,步骤,公式,  在数据库中,面对一组重复度很高的数据时,若想提取其中出现过哪些数据,去掉冗余项,那么我们可以有group by语句来实现。今天,小编就教大家在Excel中进行函数筛选公式的操作技巧,欢迎大家来到学习。Excel中进行函数筛…

使用jQuery卸载全部事件的思路详解

使用jQuery卸载全部事件的思路详解

卸载,事件,详解,思路,电脑软件,说到事件, jquery 做了不少,当然也有 data 的很多功劳,因为原生 js 不支持匿名卸载事件的,而她为了开发者好用支持了匿名的匿名事件的思路首先她会判断目标是否是元素或者对象,如果是元素,则在元素上打一个标…

详解angularJS+Ionic移动端上传的

详解angularJS+Ionic移动端上传的

上传,移动端,解决办法,详解,电脑软件,前端开发中经常会碰到图片上传的问题,网上的解决办法很多,可是有些图片上传的插件会有一些附属的插件,因此因为一个图片上传的问题可能额需要引入其他插件到项目中,久而久之项目会不伦不类,有时候插件之间也…

Word中2007版设置批注的操作技巧

Word中2007版设置批注的操作技巧

设置,操作技巧,操作步骤,电脑软件,Word,  很多人可能都遇到这样的情况,要对给定的文档,进行修改,修改之处要标记出来,也就是指出要修改的地方,或者直接一点,就是新建批注。今天,小编就教大家在Word中2007版设置批注的操作技巧。Word中2007版设置…