<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Testing websockets</title> <script type="text/javascript" src="https://www.jb51.net/jquery-1.10.1.js"></script> <script src="https://www.jb51.net/tripledes.js"></script> <script src="https://www.jb51.net/mode-ecb-min.js"></script> <script type="text/javascript"> var key = 'BOTWAVEE'; //CBC模式加密 function encryptByDESModeCBC(message) { var keyHex = CryptoJS.enc.Utf8.parse(key); var ivHex = CryptoJS.enc.Utf8.parse(key); encrypted = CryptoJS.DES.encrypt(message, keyHex, { iv:ivHex, mode: CryptoJS.mode.CBC, padding:CryptoJS.pad.Pkcs7 } ); return encrypted.ciphertext.toString(); } //CBC模式解密 function decryptByDESModeCBC(ciphertext2) { var keyHex = CryptoJS.enc.Utf8.parse(key); var ivHex = CryptoJS.enc.Utf8.parse(key); // direct decrypt ciphertext var decrypted = CryptoJS.DES.decrypt({ ciphertext: CryptoJS.enc.Hex.parse(ciphertext2) }, keyHex, { iv:ivHex, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }); return decrypted.toString(CryptoJS.enc.Utf8); } //DES ECB模式加密 function encryptByDESModeEBC(message){ var keyHex = CryptoJS.enc.Utf8.parse(key); var encrypted = CryptoJS.DES.encrypt(message, keyHex, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }); return encrypted.ciphertext.toString(); } //DES ECB模式解密 function decryptByDESModeEBC(ciphertext){ var keyHex = CryptoJS.enc.Utf8.parse(key); var decrypted = CryptoJS.DES.decrypt({ ciphertext: CryptoJS.enc.Hex.parse(ciphertext) }, keyHex, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }); var result_value = decrypted.toString(CryptoJS.enc.Utf8); return result_value; } function test(){ var source = $("#source").val(); var cc = encryptByDESModeEBC(CryptoJS.enc.Utf8.parse(source)); $("#target").val(cc); } function test1(){ var source = $("#sourceS").val(); var dd = decryptByDESModeEBC(source); $("#jiemi").val(dd); } </script> </head> <body> <div> 加密前：<textarea value="" /></textarea> <hr> 加密后：<textarea value="" ></textarea> <hr> <input type="button" value="加密" /> <hr> 密文：<textarea value="" ></textarea> <hr> 解密后：<textarea value="" ></textarea> <hr> <input type="button" value="解密"/> </div> </body> </html>
PS：关于加密解密感兴趣的朋友还可以参考本站在线工具：
在线MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具：
在线sha1/sha224/sha256/sha384/sha512加密工具：
更多关于JavaScript相关内容可查看本站专题：《JavaScript加密解密技巧汇总》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》