js对url进行编码解码的三种方式总结

下面是关于“js对url进行编码解码的三种方式总结”的详细解释。

1. URL编码

URL编码是将 URL 中非 ASCII 字符的字符转换成 "%" 加上两位十六进制值，即 URL 编码。

在JavaScript中，可以使用 encodeURIComponent() 方法实现 URL 编码。该方法可以将 URL 中所有需要转换的字符都进行转换。

下面是一个 URL 编码的示例：

let url = "https://www.baidu.com/s?wd=JavaScript 编程讲解";
let encodedUrl = encodeURIComponent(url);
console.log(encodedUrl);
// 输出："https%3A%2F%2Fwww.baidu.com%2Fs%3Fwd%3DJavaScript%20%E7%BC%96%E7%A8%8B%E8%AE%B2%E8%A7%A3"

2. URL解码

URL 解码是将 URL 编码后的字符串还原成原始的字符串。

在JavaScript中，可以使用 decodeURIComponent() 方法实现 URL 解码。该方法可以将 URL 编码的字符串还原成原始的字符串。

下面是一个 URL 解码的示例：

let encodedUrl = "https%3A%2F%2Fwww.baidu.com%2Fs%3Fwd%3DJavaScript%20%E7%BC%96%E7%A8%8B%E8%AE%B2%E8%A7%A3";
let decodedUrl = decodeURIComponent(encodedUrl);
console.log(decodedUrl);
// 输出："https://www.baidu.com/s?wd=JavaScript 编程讲解"

3. Base64编码

Base64 编码是将一串二进制数据转换成 ASCII 字符串的编码方式。

在JavaScript中，可以使用 window.btoa() 方法实现 Base64 编码。该方法可以将一个字符串转换成 Base64 编码格式。

下面是一个 Base64 编码的示例：

let message = "Hello, world!";
let encodedMessage = window.btoa(message);
console.log(encodedMessage);
// 输出："SGVsbG8sIHdvcmxkIQ=="

4. Base64解码

Base64 解码是将 Base64 编码的字符串还原成原始的二进制数据。

在JavaScript中，可以使用 window.atob() 方法实现 Base64 解码。该方法可以将 Base64 编码的字符串还原成原始的字符串。

下面是一个 Base64 解码的示例：

let encodedMessage = "SGVsbG8sIHdvcmxkIQ==";
let decodedMessage = window.atob(encodedMessage);
console.log(decodedMessage);
// 输出："Hello, world!"

以上就是介绍 JavaScript 对 URL 进行编码解码的三种方式的攻略。