【H5】两种加密解密方法：

最新推荐文章于 2025-05-29 12:43:40 发布

舜岳

最新推荐文章于 2025-05-29 12:43:40 发布

阅读量8.2k

点赞数 3

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/qq_41614928/article/details/90436611

HTML5 专栏收录该内容

37 篇文章

订阅专栏

博客介绍了H5的两种加密解码方法。一是使用encodeURI()加密、decodeURI()解密；二是加密成base64编码格式，用btoa()加密、atob()解密，还展示了实现代码和运行效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【H5】两种加密解码方法：

encodeURI()； //加密
decodeURI(); //解密

加密成base64编码格式
btoa() 加密
atob() 解密

实现代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        // encodeURI 编码与 decodeURI 编码；
        const str = "帅德布耀布耀滴小雯老公";
        let strm = encodeURI( str )
        console.log( encodeURI( str ) )     //加密后就是str1
        const str1 = '%E5%B8%85%E5%BE%B7%E5%B8%83%E8%80%80%E5%B8%83%E8%80%80%E6%BB%B4%E5%B0%8F%E9%9B%AF%E8%80%81%E5%85%AC'
        console.log( decodeURI( str1 ) )    //解密后就是str

        //btoa 加密  atob 解密   base64编码格式
        const str2 = encodeURI("帅德布耀布耀滴小雯老公")
        console.log( str2 )
        
        const str3 = btoa( str2 );
        console.log( str3 )

        const str4 = atob( str3 );
        console.log( str4 )

        const str5 = decodeURI( str4 );
        console.log( str5 )
    </script>
</body>
</html>