JavaScript-字符与编码转换

最新推荐文章于 2021-09-03 15:15:33 发布

weixin_30894389

最新推荐文章于 2021-09-03 15:15:33 发布

阅读量72

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/1666818961-lxj/p/7450583.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Unicode和字符的转换工具</title>
    <style>
        div{
            display:flex;
        }
        input{
            font-size:20px;
            line-height:100px;
            text-align:center;
            background-color:#eee;
        }
        button{
            width:10%;
            background-color:pink;
            border:1px solid lightblue;
        }
    </style>
</head>
<body>
    <div class="wrap">
        <input type="text" id="txt1">
        <button onclick="change(1)">转unicode</button>
        <button onclick="change(2)">转字符</button>
        <input type="text" id="txt2">
    </div>
    
    <h1><a href="http://www.cnblogs.com/wuyun-blog/p/5706703.html">URL和URI的区别</a></h1>
    <script>

    /**
     * 用到三个String的方法
     * split("")把字符串分割成数组
     * charCodeAt(index)返回在指定位置的字符的编码
     * String.fromCharCode()把Unicode编码转换为字符
     */
        //获取元素
        var txt1=document.getElementById("txt1");
        var txt2=document.getElementById("txt2");
        // 转换函数
        function change(a){
            //转换为unicode
            if(a==1){
                var val="";
                //先字符串分割为数组
                var resArr=txt1.value.split("");
                //遍历数组的每个字符
                for(var i=0;i<resArr.length;i++){
                    val+=(resArr[i].charCodeAt(0)+"");
                }
                txt2.value=val;

            }
            //转换为字符
            else{
                txt2.value=String.fromCharCode(txt1.value);
                
            }
        }
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/1666818961-lxj/p/7450583.html