简单的加密解密

最新推荐文章于 2024-03-27 16:56:20 发布

风中风铃zdwen

最新推荐文章于 2024-03-27 16:56:20 发布

阅读量214

点赞数 2

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46693274/article/details/112602517

版权

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

简单的加密解密javascript

对要输入的内容进行加密解密操作
采用Unicode编码对字符进行加密

<body>
    <input id="encrypt" type="text" placeholder="请输入要加密的内容">
    <button id="btn1">加密</button>
    密文：<input id="en_text" type="text">
    <br/>
    <input id="decode" type="text" placeholder="请输入要解密的内容">
    <button id="btn2">解密</button>
    原文：<input id="de_text" type="text">
</body>
<script>
    var btn1 = document.getElementById("btn1");
    var btn2 = document.getElementById("btn2");
    btn1.onclick = function(){
        var str = document.getElementById("encrypt").value;
        // 加密
        function encrypt(str){
            var code = '';
            for(var i = 0; i < str.length; i++){
                code += str.charAt(i).charCodeAt(0) + ",";
            }
            return code.slice(0, code.length - 1);
        }
        document.getElementById("en_text").value = encrypt(str);
    }
    btn2.onclick = function(){
        var code = document.getElementById("decode").value;
        //解密
        function decode(code){
            var str = '';
            var code_split = code.split(",");
            for(var i = 0; i < code_split.length; i++){
                str += String.fromCharCode(code_split[i]);
            }
            return str;
        }
        document.getElementById("de_text").value = decode(code);
    }

</script>

实现效果

风中风铃zdwen

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
4
评论
简单的加密解密

简单的加密解密javascript对要输入的内容进行加密解密操作采用Unicode编码对字符进行加密<body> <input id="encrypt" type="text" placeholder="请输入要加密的内容"> <button id="btn1">加密</button> 密文：<input id="en_text" type="text"> <br/> <input
复制链接

扫一扫

专栏目录