HTMLDOM中的API之btoa和atob
创始人
2024-02-21 04:04:52

btoa()

btoa() 方法可以将一个二进制字符串(例如,将字符串中的每一个字节都视为一个二进制数据字节)编码为 Base64 编码的 ASCII 字符串。

  • 示例:
let encodedData = window.btoa("Hello, world"); // 编码
let decodedData = window.atob(encodedData);    // 解码

在这里插入图片描述

atob()

atob() 对经过 base-64 编码的字符串进行解码。

  • 示例:
let encodedData = window.btoa("Hello, world"); // 编码
let decodedData = window.atob(encodedData);    // 解码

在这里插入图片描述


但是,使用btoa不可以对中文字符进行编码,可以使用encodeURIComponent包裹一下


encodeURIComponent

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( )

其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。

decodeURIComponent

decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。

所以,我们在对字符串进行编码解码的时候可以使用如下:

let str = btoa(encodeURIComponent('你好')) // 编码
decodeURIComponent(atob(str)) // 解码

如果是数组、对象,我们还可以使用JSON包裹一下:

let str = btoa(encodeURIComponent(JSON.stringify({}))) // 编码
JSON.parse(decodeURIComponent(atob(str))) // 解码

相关内容

热门资讯

诗可入画,画不尽诗 -资料 诗可入画,画不尽诗 -资料  苏东坡能诗能文,能书能画,于文艺批评也颇有见地,如针对王维诗歌与绘画所...
最优美经典的爱情诗 最优美经典的爱情诗(精选12首)  在平平淡淡的学习、工作、生活中,许多人对一些广为流传的诗歌都不陌...
高中班歌 高中班歌  一、班歌的作用  1、班歌是高校美育的基础  在教育改革和发展的今天,应试已经不再是学校...
新年的诗歌朗诵稿 新年的诗歌朗诵稿(通用7首)  在日复一日的学习中,大家都接触过朗诵稿吧,朗诵,指清清楚楚的高声诵读...
回望过去诗歌 回望过去诗歌  我的木屋远离大海  看不见潮起潮落  但那云卷云舒的苍穹  送给我春天的明媚  夏的...