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

 更新时间:2017年03月06日 09:28:16   投稿:jingxian  
下面小编就为大家带来一篇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使用 cryptojs加密解密(对称加密库)的问题

    JS使用 cryptojs加密解密(对称加密库)的问题

    js 加密解密可以使用 crypto-js,这是一个对称加密的库, 可以使用 AES DES 但没有 rsa 等非对称加密的方法,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2023-11-11
  • 在 javascript 中如何快速获取数组指定位置的元素

    在 javascript 中如何快速获取数组指定位置的元素

    这篇文章主要介绍了在 javascript 中快速获取数组指定位置的元素,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • js播放wav文件(源码)

    js播放wav文件(源码)

    如何用JS播放wav文件,理论上用js在网页里嵌入一个window播放器的插件,可以播放的。,不过通用性不是很好,IE下可以用,感兴趣的朋友可以参考下哈本文
    2013-04-04
  • javascript 函数参数限制说明

    javascript 函数参数限制说明

    我依稀记得哪本书上有说过,实参数限制是32个? 现在想想估计是我记错了..他也许说的是32位.
    2010-11-11
  • 用js提交表单解决一个页面有多个提交按钮的问题

    用js提交表单解决一个页面有多个提交按钮的问题

    这篇文章主要介绍了用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,需要的朋友可以参考下
    2014-09-09
  • JS的鼠标监听mouseup鼠标抬起失效原因及解决

    JS的鼠标监听mouseup鼠标抬起失效原因及解决

    这篇文章主要为大家介绍了JS的鼠标监听mouseup鼠标抬起失效原因及解决示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • webpack进阶——缓存与独立打包的用法

    webpack进阶——缓存与独立打包的用法

    本篇文章主要介绍了webpack进阶——缓存与独立打包的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解

    ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解

    这篇文章主要介绍了ES6 Iterator遍历器原理,应用场景及相关常用知识拓展,结合实例形式详细分析了ES6 Iterator遍历器具体原理、功能、用法、应用场景及知识拓展,需要的朋友可以参考下
    2020-02-02
  • js 转义字符及URI编码详解

    js 转义字符及URI编码详解

    本文主要介绍了转义字符及URI编码的相关知识,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js实现时间日期校验

    js实现时间日期校验

    这篇文章主要为大家详细介绍了js实现时间日期校验,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05

最新评论