JS的BASE64加密/解密示例

JS的BASE64加密/解密示例
base64.js下载
jqusery.js下载

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSBASE64加密/解密示例</title>
    <script src="base64.js"></script><!--引入base64.js文件-->
    <script src="jquery-3.4.1.min.js"></script><!--jquery-3.4.1.min.js文件,用于规范支持-->
    <script>
        $(document).ready(function () {
            $("#bt1").click(function () {
                var base64encode=Base64.encode($("#text1").val());
                $("#p1").html("Base64加密:"+base64encode+returnstrlenth(base64encode));
            })

            $("#bt2").click(function () {
                var base64decode=Base64.decode($("#text2").val());
                $("#p2").html("Base64解密:"+base64decode+returnstrlenth(base64decode));
            })

            function returnstrlenth(str) {
                return "(字符串长度:"+str.length+")";
            }
        })
    </script>
</head>
<body>
<h1>JSBASE64加密/解密示例(可逆)</h1>
<h5>代码编写:无尘2020.06.22</h5>
<input type="text" id="text1">
<input type="button" value="BASE64加密" id="bt1">
<p id="p1" style="color: red"></p>
<input type="text" id="text2">
<input type="button" value="BASE64解密" id="bt2">
<p id="p2" style="color: red"></p>
</body>
</html>

JS的BASE64加密/解密示例_第1张图片

你可能感兴趣的:(JavaScript,js,javascript,jquery,html,html5)