jQuery截取字符串插件区分中英文:
截取字符串功能在大量网站都有应用，比如新闻列表这样的功能，因为新闻的标题长途未必都是恰如其分的，所以要根据需要截取指定长度的字符串，下面就分享一个jQuery实现的插件，此插件能够截取指定长度的字符串，并且能够区分中英文。
代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>jQuery截取字符串插件区分中英文-蚂蚁部落</title>
<script type="text/javascript" src="http://www.softwhy.com/mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
(function($){
  $.extend($,{
    fixedWidth:function(str,length,char){
      str=str.toString();
      if(!char) char="...";
      var num=length-lengthB(str);
      if(num<0)
      {
        str=substringB(str,length-lengthB(char))+char;
      }
      return str;
      function substringB(str,length)
      {
        var num=0,len=str.length,tenp="";
        if(len)
        {
          for(var i=0;i<len;i++)
          {
            if(num>length) break;
            if(str.charCodeAt(i)>255)
            {
              num+=2;
              tenp+=str.charAt(i);
            }
            else
            {
              num++;
              tenp+=str.charAt(i);
            }
          }
          return tenp;
        }
        else
        {
          return null;
        }
      }
      function lengthB(str)
      {
        var num=0,len=str.length;
        if(len)
        {
          for(var i=0;i<len;i++)
          {
            if(str.charCodeAt(i)>255)
            {
              num+=2;
            }
            else
            {
              num++;
            }
          }
          return num;
        }
        else
        {
          return 0;
        }
      }
    }
  });
})(jQuery);
var str="蚂蚁部落欢迎您，希望您在这里能够有一定的收获";
document.write($.fixedWidth(str,20));
</script>
</head>
<body>
</body>
</html>

以上代码实现了截取字符串的功能，如果字符串超出了指定的长度，那么就会截取规定的长度，然后超出的以省略号替代，下面就介绍一下此插件的实现过程:
一.实现原理:
原理其实很简单的，下面就简单介绍一下：
1.为jQuery类库添加fixedWidth()方法：
实现这个是通过
$.extend()方法来实现的，这个函数式为jQuery类直接添加方法，也就是说添加的函数式静态方法，并非实例方法，关于 $.extend()函数可以参阅
$.extend()函数用法详解一章节。
2.关于中英文区分:
字符串的length属性返回值字符串中字符的个数，也就是说字符串中一个英文单词就是一个字符，一个汉字也是一个字符。但是一个英文字符和一个汉字在内存占据的空间是不一样的，一个英文字符占据一个字节，一个汉字占据两个字节。在这里是通过charCodeAt()函数判断的，如果返回值大于255的话，就说明汉字，那么num就会加2，否则就是英文字符，num加1。至于截取就更容易了，这里就不多说了，参阅代码注释即可。
二.代码注释:
1.(function($){})(jQuery)，声明一个匿名函数，并执行此函数，参数是jQuery。
2.$.extend($,{})，为jQuery类库添加静态方法。
3.fixedWidth:function(str,length,char){}，要被添加的方法，具有三个参数，str是要被截取的原字符串，length是要被截取的长度，char是自定义以何种形式作为超出内容的省略符号，比如默认状态下是"..."，此参数是可选的。
4.var str=str.toString()，转换为字符串。
5.if(!char)
char="..."，如果没有没有提供第三个参数，那么默认就是"..."。
6.var
num=length-lengthB(str)，要截取的字符长度减去字符的长度，经过lengthB()函数计算，已经区分了中英文。
7.if(num<0){}，如果小于0，也就是要截取的长度小于字符串的长度。
8.str=substringB(str,length-lengthB(char))+char，截取指定字符串长度，并加上char。
9.return str，如果要截取的长度大于字符串的长度，那么字符串将会被原样返回。
10function
substringB(str,length){}，此函数用来截取字符串，具有两个参数，第一个参数要被截取的原字符串，第二个是要真正被截取的字符串的长度，这个长度是fixedWidth()函数中第二个参数减去被省略字符串替代字符的长度。
11.var num=0,len=str.length,tenp="";声明几个变量并赋值。
12.if(len)，判断字符串是否是空字符串。
13.for(var
i=0;i<len;i++){}，遍历字符串中的每一个字符。
14.if(num>length)
break，如果num大于真正要被截取的长度，就跳出本次循环。
15.if(str.charCodeAt(i)>255)，判断指定索引的Unicode编码是否大约255，如果大于就是汉字，如果小于就是英文字符。
16.num+=2，将num加2.
17.tenp+=str.charAt(i)，将指定索引的字符追加到tenp中。
18.else{num++;
tenp+=str.charAt(i)}，如果是英文字符，num加1，再将指定索引的字符追加到tenp中。
19.return tenp，返回字符串。
20.function
lengthB(str){}，声明一个函数，用来计算字符串的长度，区分中英文，原理这里就不说了，因为和上面介绍的大同小异。
三.相关阅读:
1.length属性可以参阅JavaScript的String对象的length属性一章节。
2.charCodeAt()函数可以参阅JavaScript的String对象的charCodeAt()方法一章节。

3.charAt()函数可以参阅JavaScript的String对象的charAt()方法一章节。

jQuery截取字符串插件区分中英文的更多相关文章

  1. C# 截取字符串，区分中英文情况

    public static string SubstringByCN(string strInput, int begin, int length) { if (!Regex.IsMatch(strI ...

  2. JS获取字符串长度(区分中英文)

    JS获取字符串长度(区分中英文) 中文算2个字,英文一个. function getStrLength(str) {      var cArr = str.match(/[^\x00-\xff]/i ...

  3. jQuery截取字符串、日期字符串转Date、获取html中的纯文本

    jQuery截取字符串.日期字符串转Date.获取html中的纯文本. var com = com || {}; (function ($, com) { /* * 截取字符串 * @param st ...

  4. jQuery截取字符串的几种方式

    在我们写前端JS代码的时候,我们会遇到只需要其中部分字符串的时候,下面我就提供集中截取字符串的方法: 1.取后缀 var fileDir = $("#file").val(); v ...

  5. jQuery截取字符串的几种方法

    1.取后缀 var fileDir = $("#file").val(); var suffix = fileDir.substr(fileDir.lastIndexOf(&quo ...

  6. js截取字符串区分汉字字母代码

    js截取字符串并且区分汉字字母,一个汉字辨别为两个字节. function substr(str, len) { if (!str || !len) { return ''; } // 预期计数:中文 ...

  7. javascript截取字符串(支持中英文混合)

    javascript截取字符串(支持中英文混合) <script type="text/javascript"> var sub=function(str,n){ va ...

  8. 用C#截取指定长度的中英文混合字符串

    很早以前写过一篇文章(用C#截取指定长度的中英文混合字符串),但是对性能没有测试,有人说我写的这个方法性能有问题,后来想,可能真会有BT之需求要求传入一个几万K甚至几M体积的字符串进来,那将会影响正则 ...

  9. jquery获取当前按钮、截取字符串、字符串拼接、动态循环添加元素

    截取字符串:字符串拼接:动态循环添加元素:获取当前按钮: {data : null, render: function(data, type, row ) { var loginName = $(&q ...

随机推荐

  1. splay模板

    点操作: splay树可以一个一个的插入结点,这样的splay树是有序树,结点权值大于左儿子小于右儿子 这样就是点操作 区间操作: 还有就是可以自己建树,这样的splay树就不是按权值的有序树,它不满 ...

  2. CF 85D Sum of Medians (五颗线段树)

    http://codeforces.com/problemset/problem/85/D 题意: 给你N(0<N<1e5)次操作,每次操作有3种方式, 1.向集合里加一个数a(0< ...

  3. 字符串[未AC]（后缀自动机）：HEOI 2016 str

    超级恶心,先后用set维护right,再用主席树维护,全部超时,本地测是AC的.放心,BZOJ上还是1S限制,貌似只有常数优化到一定境界的人才能AC吧. 总之我是精神胜利了哦耶QAQ #include ...

  4. Python 实时日志平台 Sentry

    原文地址:http://www.oschina.net/p/sentry Sentry 是一个实时的事件日志和聚合平台,基于 Django 构建. Sentry 可以帮助你将 Python 程序的所有 ...

  5. QQ互联 回调地址

    http://wiki.connect.qq.com/%E5%9B%9E%E8%B0%83%E5%9C%B0%E5%9D%80%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98% ...

  6. 数据库系统概论 SQL

    --(一)创建教材学生-课程数据库 create database s_c go use s_c go --建立“学生”表Student,学号是主码,姓名取值唯一. CREATE TABLE Stud ...

  7. Prime Ring Problem（搜索）

    http://acm.hdu.edu.cn/showproblem.php?pid=1016 / 题意; 给你一个数n ,求出所有的排列 这些排列的特征是任意相邻的两数只和是素数,而且首位只和也是素数 ...

  8. 代码对齐 分类： C#小技巧 2014-04-17 14:45 166人阅读 评论(0) 收藏

    开发项目时,为了是代码层次清晰.美观,常常需要调整多行,使之对齐.在网上也看到一些方法,感觉不好用,偶尔发现一个小技巧. (1)多行代码同时右移 同时选中几行,按"Tab"键,就会 ...

  9. Delphi系统托盘组件 TTrayIcon 简介

    TTrayIcon 的主要属性: TrayIcon.Icon指定托盘图标, 有几种用法:1.设计时选择;2.把一个 TIcon 对象给它;3.使用当前程序图标: TrayIcon1.Icon := A ...

  10. myeclipse 8.5反编译插件失效

    之前用的好好的,后来加了一个开发工作流的插件,今天打开之后发现反编译插件失效了,后来把开发工作流的插件删掉,又可以了,不知道撒原因,那位大神知道留下点痕迹吧