javascript 限制字符串字数换行 带BUG

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 限制字符串字数换行 带BUG相关的知识,希望对你有一定的参考价值。

 function  chang(str ,len)
         {
             function lenStat(str) {
               function isChinese(str) { //判断是不是中文  
                var reCh = /[u00-uff]/;
                return !reCh.test(str);
            }
                var strlen = 0; //初始定义长度为0  
                var text = str.trim();
                for(var i = 0; i < text.length; i++) {
                    if(isChinese(text.charAt(i)) == true) {
                        strlen = strlen + 2; //中文为2个字符  
                    } else {
                        strlen = strlen + 1; //英文一个字符  
                    }
                }
                return strlen;
            }
            var strlen = lenStat(str);
            console.log(strlen);
            var strs = ‘‘;
            for(var i = 0; i <strlen; i = i +len) {
                strs += str.substring(i, i + len) + "<br>";
            }
            return strs;
         }
            chang(str,20);
             console.log(chang(str,20));
            var sd = document.getElementById(‘sd‘);
            sd.innerhtml =chang(str,20);

效果如下:

技术分享

 

bug问题:

汉字和字符  数字 都算成一个截取长度?而不是根据字符?

中间有空格不能忽略。

以上是关于javascript 限制字符串字数换行 带BUG的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 实现textarea限制输入字数, 输入框字数实时统计更新,输入框实时字数计算移动端bug解决

怎么实现CSS限制字数,超出部份显示点点点

网站的keywords有字数限制吗?

CSS如何限制显示的文本字数

javascript 通过字数限制减少文本#js

javascript 通过字数限制减少文本#js