长标题显示字数处理

梦秋雨

很多情况下，我们需要控制长标题的显示字数。在客户端用JavaScript控制显示最大字数后，由于js把任何字符都当作1个长度来处理，由此导致全角和半角字符显示的实际长度不同。

例如我们设置某个文章列表页面所有的文章标题最长显示10个字符。那么如下的题目：

这篇文章是测试标题长度显示的文章

I love my country.I love all of you.

处理后，将分别显示为：

这篇文章是测试标题长

I love my (注意最后还有一个空格)

假设我们是按照中文的宽度来确定10个字符这个标准的，那么当标题是英文等半角字符时，显然太短了。反过来，如果我们按照英文等半角字符来确定显示字符数量标准，那么如果题目是中文的时候，又很容易出现自动换行等我们不希望出现的结果。

本文尝试以一种笨拙的办法处理这个问题。即使用js检查字符串中的每一个字符，如果发现有两个(注意不一定相连)的半角字符，那么就将显示长度标准加1。

<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;"> 1     /**
 2         获取最终显示的字符串
 3 
 4         @param str 要显示的完整字符串
 5         @param baseLength 全是全角字符情况下的显示长度
 6     */
 7     function getShowStr(str,baseLength)
 8     {
 9         return str.substring(0,getShowLength(str,baseLength));
10     }
11     /**
12         计算最终显示长度
13 
14         @param str 要显示的完整字符串
15         @param baseLength 全是全角字符情况下的显示长度
16     */
17     function getShowLength(str,baseLength)
18     {
19         var i;
20         var result;
21         var state = false; //这个做一个状态标志，实现每出现2个半角字符，让显示长度加1
22 <span style="color: #008000;" />
23         result = baseLength;
24 
25         for(i = 0 ;i < str.length;i++)
26         {
27             if(i==baseLength-1)break;
28 
29             if((str.charAt(i) >= 'a' && str.charAt(i) <= 'z')
30                 ||(str.charAt(i) >= 'A' && str.charAt(i) <= 'Z')
31                 ||(str.charAt(i) >= '0' && str.charAt(i) <= '9')
32                 ||count(str.charAt(i)))
33             {
34                 if(state)
35                 {
36                     state = false;
37                     result ++;
38                 }
39                 else
40                     state = true;
41             }
42         }
43 
44         return result;
45     }
46 
47     /**
48         判断一个字符是否是如下半角符号
49 
50         最笨的就是这里。而且应该不全，我是从键盘上一个一个键按过来的。呵呵
51 
52         @param c 要检测的字符
53     */
54     function count(c)
55     {
56         if (c == '`'
57           ||c == '!'
58           ||c == '@'
59           ||c == '#'
60           ||c == '$'
61           ||c == '%'
62           ||c == '^'
63           ||c == '&'
64           ||c == '*'
65           ||c == '('
66           ||c == ')'
67           ||c == '_'
68           ||c == '-'
69           ||c == '+'
70           ||c == '='
71           ||c == '['
72           ||c == '{'
73           ||c == ']'
74           ||c == '}'
75           ||c == '\\'
76           ||c == '|'
77           ||c == ';'
78           ||c == ':'
79           ||c == '"'
80           ||c == '\''
81           ||c == '<'
82           ||c == ','
83           ||c == '>'
84           ||c == '.'
85           ||c == '?'
86           ||c == '/'
87           ||c == ' ')
88             return true;
89         else
90             return false;
91     }