假设有字符串“朱元璋”,截取限定的长度为7字节
截取编码为utf-8 结果为“朱”
截取编码为gb2312时 结果为“朱”
字符串为“hello朱元璋”,截取限定的长度为13字节
截取编码为utf-8 结果为“hello朱元”
这里的问题就是gbk编码占位2个字节,而utf-8占位3个字节,完整的示例代码:
1:
2: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3: <html>
4: <head>
5: <title> new document </title>
6: <meta name="generator" content="editplus" />
7: <meta name="author" content="" />
8: <meta name="keywords" content="" />
9: <meta name="description" content="" />
10: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
11: </head>
12:
13: <body>
14: <script type="text/javascript">
15: function getRealLen(str, isUTF8) {
16: if (typeof str != 'string') {
17: return 0;
18: }
19:
20: if (!isUTF8) {
21: return str.replace(/[^\x00-\xFF]/g, 'xx').length;
22: } else {
23: var tempStr = str.replace(/[\x00-\xFF]/g, '');
24: return (str.length - tempStr.length) + Math.floor(encodeURI(tempStr).length / 3);
25: }
26: }
27:
28: function uniLeft(str, isUTF8, len, suffix) {
29: var str = str.toString();
30: var len = len * 1;
31: var suffix = suffix || "";
32:
33: if (isNaN(len)) {
34: return str;
35: }
36:
37: var uniLen = getRealLen(str, isUTF8),tempStr = '';
38:
39: if (uniLen <= len) {
40: return str.substr(0);
41: }
42:
43: for (var i = Math.floor(len / 2); i< uniLen; i++) {
44: tempStr = str.substr(0, i);
45:
46: if (getRealLen(tempStr, isUTF8) >= len || getRealLen(str.substr(0, i+1), isUTF8) > len) {
47: return tempStr;
48: }
49: }
50: }
51:
52: var str_1 = '朱元璋';
53: var str_2 = 'hello朱元璋';
54:
55: document.write( uniLeft(str_1, false, 3) + "<br/>");//gb2312
56: document.write( uniLeft(str_2, true, 13) );//utf-8
57: </script>
58: </body>
59: </html>
这里从len/2开始试着截取字符串,截取后调用getRealLen方法获取真实长度,判断是否超出限定的长度