JavaScript 地址处理126

在 JavaScript 中处理地址非常方便，它提供了许多内置的方法和对象来帮助我们。

URL 对象

URL 对象表示一个统一资源定位符 (URL)。它提供了用于获取和设置 URL 各个部分的方法，例如协议、主机、端口和路径。

我们可以使用 new URL() 构造函数来创建一个 URL 对象：```javascript
const url = new URL('/path/to/?query=value');
```

然后，我们可以使用以下属性访问 URL 的各个部分：* ：协议（例如，"https:"）
* ：主机（例如，""）
* ：端口（例如，"443"）
* ：路径（例如，"/path/to/"）
* ：查询字符串（例如，"?query=value"）

URLSearchParams 对象

URLSearchParams 对象表示 URL 中的查询参数。它提供了用于获取、设置和删除查询参数的方法。

我们可以使用 new URLSearchParams() 构造函数来创建一个 URLSearchParams 对象：```javascript
const params = new URLSearchParams('query=value');
```

然后，我们可以使用以下方法处理查询参数：* (name)：获取指定名称的参数值
* (name, value)：设置指定名称的参数值
* (name)：删除指定名称的参数
* ()：将查询参数转换为字符串

对象

对象表示当前文档的地址。它提供了用于获取和设置当前 URL 的方法，以及导航到其他 URL 的方法。

我们可以使用以下属性访问对象的各个部分：* ：完整的 URL
* ：协议（例如，"https:"）
* ：主机（例如，""）
* ：端口（例如，"443"）
* ：路径（例如，"/path/to/"）
* ：查询字符串（例如，"?query=value"）

我们可以使用以下方法导航到其他 URL：* (url)：将浏览器导航到指定的 URL
* (url)：替换当前历史记录项并导航到指定的 URL
* ()：重新加载当前页面

其他方法

除了以上方法和对象外，JavaScript 还提供了其他用于处理地址的方法：* encodeURI(uri)：对 URI 进行编码，使其适合通过 URL 传输
* decodeURI(uri)：对已编码的 URI 进行解码
* encodeURIComponent(uri_component)：对 URI 组件进行编码，使其适合通过 URL 传输
* decodeURIComponent(uri_component)：对已编码的 URI 组件进行解码

示例

以下是一些处理地址的示例：```javascript
// 获取 URL 对象
const url = new URL('/path/to/?query=value');
// 获取协议
(); // "https:"
// 获取主机
(); // ""
// 获取路径
(); // "/path/to/"
// 获取查询字符串
(); // "?query=value"
// 获取查询参数
const params = new URLSearchParams();
(('query')); // "value"
// 设置查询参数
('new_query', 'new_value');
// 更新 URL
= ();
// 导航到新 URL
();
```