jquery des加解密算法--對稱加密 DES在線加密解密測試


----先看效果(輸入需要加密或者解密的字符串並點擊按鈕試試)

字符串:
加密key: key1=123456
加密結果:  
解密結果:  

 

--看代碼(無需任何修改直接運行)

 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--屆時請下載到本地-->
    <script type="text/javascript" src="https://blog-static.cnblogs.com/files/-hao/des.js"></script>
    <script>
        function getStrEnc() {
            //待加密字符串
            var str = document.getElementById("str").value;
            //第一個參數必須;第二個、第三個參數可選
            var key1 = document.getElementById("key1").innerText;
            var key2 = document.getElementById("key2").innerText;
            var key3 = document.getElementById("key3").innerText;
            //加密方法
            var enResult = strEnc(str, key1, key2);
            //解密方法
            //var deResult = strDec(enResult,key1,key2);
            //展示結果
            document.getElementById("enStr").innerText = enResult;
            //document.getElementById("dnStr").innerText = deResult;
        }

        function getDeResult() {
             var str = document.getElementById("str").value;
            var key1 = document.getElementById("key1").innerText;
            var key2 = document.getElementById("key2").innerText;
            var key3 = document.getElementById("key3").innerText;
            var deResult = strDec(str, key1, key2);
            document.getElementById("dnStr").innerText = deResult;
        }

/**/</script>
</head>
<body>

    <p><input onclick="getStrEnc()" type="button" value="獲取加密結果" /> <input onclick="getDeResult()" type="button" value="獲取解密結果" /></p>
    <table>
        <tbody>
            <tr>
                <td align="left">字符串:</td>
                <td>
                <textarea id="str" style="width: 500px; height: 200px;"></textarea>
                </td>
            </tr>
            <tr>
                <td>加密key:</td>
                <td>key1=<span id="key1">1</span>;key2=<span id="key2">2</span>;key3=<span id="key3">3</span></td>
            </tr>
            <tr>
                <td align="left">加密結果:</td>
                <td align="left">&nbsp;<label id="enStr"></label></td>
            </tr>
            <tr>
                <td align="left">解密結果:</td>
                <td align="left">&nbsp;<label id="dnStr"></label></td>
            </tr>
        </tbody>
    </table>
</body>
</html>
View Code

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM