JavaScript Base64 和 URL 编码解码实例

在本文中，我们将探讨 JavaScript 编码解码功能。

在 JavaScript 中，下面这些是对Base64字符串和URL进行编码和解码的函数。

• btoa()：此函数使用A-Za-z0-9+/=字符以 Base64 对字符串进行编码。
• atob()：对 btoa() 编码的字符串解码.
• encodeURI()：此函数用于对URI进行编码。
• decodeURI()：对 encodeURI() 编码的字符串解码。

我们也可以使用以下函数对 URI 进行编码和解码。

• encodeURIComponent(uriToEncode)
• decodeURIComponent(encodedURI)

1. JavaScript btoa()

句法

var encodedString = window.btoa(stringToEncode);

参数

stringToEncode – 要编码的二进制字符串。

返回

stringToEncode 的Base64字符串。

例外

InvalidCharacterError– 字符串包含无效字符。

例子

var originalString = "Love the way you lie";

var encodedString = window.btoa(originalString);

console.log(encodedString);

输出

TG92ZSB0aGUgd2F5IHlvdSBsaWU=

trying >>

2. JavaScript atob()

句法

var decodedString = window.atob(encodedString);

参数

encodingString – 由 btoa() 生成的编码字符串。

异常

DOMException – 如果encodingString不是有效的 Base64。

例子

var encodedString = "TG92ZSB0aGUgd2F5IHlvdSBsaWU=";

var decodedString = window.atob(encodedString);

console.log(decodedString);

输出

Love the way you lie

trying >>

3. JavaScript 编码URI()

句法

var encodedURL = window.encodeURI(uriToEncode);

参数

uriToEncode – 完整的 URI。

返回

表示提供的字符串的新字符串，编码为 URI。

例子

var originalURL = "http://www.webkaka.com/?s=卡卡网";

var encodedURL = window.encodeURI(originalURL);

console.log(encodedURL);

输出

http://www.webkaka.com/?s=%E5%8D%A1%E5%8D%A1%E7%BD%91

trying >>

4. JavaScript decodeURI()

句法

var decodedURL = window.decodeURI(encodedURL);

参数

endcodedURL – 由endcodedURI()函数生成的编码 URI 字符串。

返回

表示给定编码统一资源标识符 ( URI )的未编码版本的新字符串。

异常

URIError – 当 encodingURI 包含无效字符时的异常。

例子

var encodedURL = "http://www.webkaka.com/?s=%E5%8D%A1%E5%8D%A1%E7%BD%91";

var decodedURL = window.decodeURI(encodedURL);

console.log(decodedURL);

输出

http://www.webkaka.com/?s=卡卡网

trying >>

或者，我们也可以使用如下函数分别对 URI 进行编码和解码。

• encodeURIComponent(uriToEncode)
• decodeURIComponent(encodedURI)

总结

本文介绍了如何使用函数对字符串进行 Base64 加密和解密，以及对 URL 进行编码和解码。