js基础 -- window.btoa和window.atob使用详解.md

欢迎访问我的个人博客：http://www.xiaolongwu.cn

定义

atob()

解码一个Base64字符串。

btoa()

从一个字符串或者二进制数据编码一个Base64字符串。

用法

只有字符串才能被转换

默认转换 ASCII字母和数字，不支持中文

// 转base64
var aa = btoa("dddddddd");
// 转码结果 "ZGRkZGRkZGQ="// 解码结果
var bb  = atob(aa);
// 解码结果 "dddddddd"// 注意，如果想转换中文会直接报错，具体方法见下文
// 中文转换base64
var cc = btoa("哈哈")；
// 直接报错 VM275:1 Uncaught SyntaxError: Invalid or unexpected token

转换中文的方法

// 先将中文转换为URL组件格式，再转为base64形式的
var dd = btoa(encodeURIComponent("哈哈"));
// 结果 "JUU1JTkzJTg4JUU1JTkzJTg4"// 注意解析时就需要先解码为URL组件格式，再转换为中文，就是先进后出的原则
var ff = decodeURIComponent(atob(dd));
// 结果 "哈哈"

我的github资源地址：js基础 – window.btoa和window.atob使用详解

我的个人博客地址：http://www.xiaolongwu.cn

我的CSDN博客地址：https://blog.csdn.net/wxl1555

如果您对我的博客内容有疑惑或质疑的地方，请在下方评论区留言，或邮件给我，共同学习进步。

邮箱：wuxiaolong802@163.com

js基础 -- window.btoa和window.atob使用详解.md相关推荐

JS 中的 event?event:window.event什么意思？求详解。
JS 中的 event?event:window.event什么意思?求详解. 2013-04-16 00:01flying607 | 分类:JavaScript |浏览813次 <script ...
《HTTP/2基础教程》协议、特性、详解
文章目录 <HTTP/2基础教程>协议.特性.详解前言第一章 HTTP进化史第二章 HTTP/2 快速入门第三章 Web优化"黑魔法"的动机与方式 HTTP/1 ...
JS逆向之补环境过瑞数详解
JS逆向之补环境过瑞数详解 "瑞数" 是逆向路上的一座大山,是许多JS逆向者绕不开的一堵围墙,也是跳槽简历上的一个亮点,我们必须得在下次跳槽前攻克它!! 好在现在网上有很多讲解瑞数 ...
html offsetwidth 字符串宽度,基于js中style.width与offsetWidth的区别(详解)
作为一个初学者,经常会遇到在获取某一元素的宽度(高度.top值...)时,到底是用 style.width还是offsetWidth的疑惑. 1. 当样式写在行内的时候,如时,用 style.wid ...
Node.js中package.json中库的版本号详解(^和~区别)
Node.js中package.json中库的版本号详解(^和~区别) 当我们查看package.json中已安装的库的时候,会发现他们的版本号之前都会加一个符号,有的是插入符号(^),有的是波浪符号 ...
python可以处理多大的数据_科多大数据之Python基础教程之Excel处理库openpyxl详解...
原标题:科多大数据之Python基础教程之Excel处理库openpyxl详解科多大数据小课堂来啦~Python基础教程之Excel处理库openpyxl详解 openpyxl是一个第三方库,可以处 ...
Linux 创建网页服务,Linux使用Node.js建立访问静态网页的服务实例详解
Linux使用Node.js建立访问静态网页的服务实例详解一.安装node.js运行所需要的环境,: 二.创建node目录(/node/www),并在目录下创建node.js服务文件server.j ...
圆形界面开启相机_「基础篇三」手机摄影拍照界面详解
[基础篇三]手机摄影拍照界面详解手机拍照对我们来说已习以为常,每天我们都会用手机相机功能或多或少的拍出几张照片.故手机拍照界面对我们来说也不陌生,但手机拍照界面上的那些按钮,那些功能你都用过吗?你 ...
微信公众平台菜单编辑php,Vue.js实现微信公众号菜单编辑器步骤详解（上）
这次给大家带来Vue.js实现微信公众号菜单编辑器步骤详解(上),Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下. 学习一段时间Vue.js,于是想尝试着做一个像 ...

js基础 -- window.btoa和window.atob使用详解.md

定义

用法

默认转换 ASCII字母和数字，不支持中文

转换中文的方法

js基础 -- window.btoa和window.atob使用详解.md相关推荐

最新文章

热门文章