位置: IT常识 - 正文
html前端的几种加密/解密方式(html前端技术)
编辑：rootadminhtml前端的几种加密/解密方式 一、base64加密
本文链接地址:https://www.jiuchutong.com/zhishi/278157.html
转载请保留说明！
推荐整理分享html前端的几种加密/解密方式(html前端技术)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:html&js+前端,html前端架构,html在前端开发起什么作用,html&js+前端,html&js+前端,html前端架构,html前端编程,html前端编程,内容如对您有帮助，希望把文章链接给更多的朋友！
前端用base64加密和解密的使用方法，只需要两个函数就可以了。一个是加密：window.btoa()，一个是解密：window.atob()，看例子：
var str = "hello";var str64 = window.btoa("hello");console.log("字符串是:"+str);console.log("经base64编码后:"+str64);console.log("base64解码后:"+window.atob(str64));二、MD5加密(不可逆)1.html使用md5加密//引入md5和jquery<script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.18.0/js/md5.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>//函数加密authCode = “10983131” pwd = md5(authCode); console.log('加密前的字符串',authCode) //加密前的字符串 10983131 console.log('md5加密后',pwd); //md5加密后 d50235ff72ebb96d3732155ba7726fc62.MD5作为插件MD5.js是通过前台js加密的方式对用户信息，密码等私密信息进行加密处理的工具，也可称为插件。 MD5共有6种加密方法： 1， hex_md5(value) 2， b64_md5(value) 3， str_md5(value) 4， hex_hmac_md5(key, data) 5， b64_hmac_md5(key, data) 6， str_hmac_md5(key, data) 下载好了用script 标签引入使用
var code = "123456";var username = "123456";var message = "123456";var str1 = hex_md5("123456");var str2 = b64_md5("123456");var str3 = str_md5("123456");var str4 = hex_hmac_md5(code,code);var str5 = b64_hmac_md5(username,username);var str6 = str_hmac_md5(message ,message );console.log(str1); // e10adc3949ba59abbe56e057f20f883econsole.log(str2); // 4QrcOUm6Wau+VuBX8g+IPgconsole.log(str3); // áÜ9IºY«¾VàWò��>console.log(str4); // 30ce71a73bdd908c3955a90e8f7429efconsole.log(str5); // MM5xpzvdkIw5VakOj3Qp7wconsole.log(str6); // 0Îq§;Ý��9U©��t)ï三、sha1加密(不可逆)此处没找到sha1.js下载地址，所以在bootcdn中找在线文件到引入，需要的可自行从bootcdn中下载
var sha1_1 = sha1("mosquito~");console.log(sha1_1);var sha1_2 = sha1("admin:1001");console.log(sha1_2);四、编码和解码字符串使用JS函数的escape()和unescape()，分别是编码和解码字符串
var escape1 =escape("我的名字是：mosquito~");//编码console.log(escape1);var unescape1 = unescape(escape1); //解码console.log(unescape1);五、AES/DES加密解密下载crypto-js.js 引入使用
<script src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script>var aseKey = "12345678" //秘钥必须为：8/16/32位var message = "80018000142";//加密var encrypt = CryptoJS.AES.encrypt(message, CryptoJS.enc.Utf8.parse(aseKey), {mode: CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7}).toString();console.log(encrypt); //VKrZlqykem73x8/T2oCfCQ==//解密var decrypt = CryptoJS.AES.decrypt(encrypt, CryptoJS.enc.Utf8.parse(aseKey), {mode: CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7}).toString(CryptoJS.enc.Utf8);console.log(decrypt); //80018000142//【注】：加密的时候必须转成字符串 使用toString。 解密的时候 必须使用utf8的格式上一篇：Linux下检查是否安装过某软件包(linux检测)
下一篇：惨遭Win11“抛弃”的八个功能汇总(微软windows11泄露)
