解决页面截取中英文字符串长度显示不一致问题

最新推荐文章于 2020-11-28 18:23:43 发布

我在想名字

最新推荐文章于 2020-11-28 18:23:43 发布

阅读量1.5k

点赞数 1

文章标签： js 字符串截取

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>解决页面截取中英文字符串长度显示不一致问题</title>
   <script type="text/javascript">

   function get_length(s){
        var char_length = 0;
        for (var i = 0; i < s.length; i++){
            var son_char = s.charAt(i);
            encodeURI(son_char).length > 2 ? char_length += 1 : char_length += 0.5;
        }
        return char_length;
    }
   //截取字符串 str字符串 len截取的长度
    function cut_str(str, len){
        var char_length = 0;
       if(str.length<=len)
       return str;
        for (var i = 0; i < str.length; i++){
            var son_str = str.charAt(i);
            encodeURI(son_str).length > 2 ? char_length += 1 : char_length += 0.5;
            if (char_length >= len){
                var sub_len = char_length == len ? i+1 : i;
                return str.substr(0, sub_len);
            }
        }
       return str;
    }
   function aa(){
        var name=document.getElementById("name").value; ;
       var length=document.getElementById("length").value; ;
       if (isNaN(length)) {
　　　　alert("请输入数字");
　　   }else{
        var text=cut_str(name,length);
       document.getElementById("text").value=text;
   }
   }
</script>
</head>
<body>
文字：<input id="name">长度：<input id="length">
<input type="button" οnclick="aa()" value="按钮"><br>
结果：<input id="text">
</body>
</html>