如何在 JavaScript 中使用 URL374

前言

在现代 Web 开发中，使用 URL（统一资源定位符）至关重要。URL 允许您访问和操纵 Web 上的资源，例如网页、图像和视频。在 JavaScript 中，可以使用各种方法来处理 URL，包括解析、修改和创建新的 URL。

解析 URL

要解析 URL，可以使用 URL 对象。该对象提供了一个接口，允许您访问 URL 的各个部分，例如协议、主机、路径和查询参数。
const url = new URL('/path/to/resource?query=param');
(); // "https:"
(); // ""
(); // "/path/to/resource"
(); // "?query=param"

修改 URL

要修改 URL，可以使用 URLSearchParams 对象。该对象允许您添加、删除和获取 URL 查询参数。
const url = new URL('/path/to/resource');
const params = new URLSearchParams();
('newParam', 'newValue');
('oldParam');
= ();
(); // "/path/to/resource?newParam=newValue"

创建新的 URL

要创建新的 URL，可以使用 new URL() 构造函数。此函数接受一个字符串 URL 作为参数，并创建一个新的 URL 对象。
const newUrl = new URL('/new/path');
(); // "/new/path"

其他方法

除了上述方法外，JavaScript 中还提供了一些其他方法来处理 URL：
decodeURI(uri) - 解码 URI 编码的字符串。
decodeURIComponent(uri) - 解码 URI 组件编码的字符串。
encodeURI(uri) - 对 URI 编码字符串。
encodeURIComponent(uri) - 对 URI 组件编码字符串。

示例

以下是一些使用 JavaScript 处理 URL 的示例：
获取当前 URL： const url = ;
从 URL 中提取协议： const protocol = new URL(url).protocol;
更改 URL 的查询参数： = '?newParam=newValue';
将新的 URL 分配给窗口： = '/new/path';

在 JavaScript 中处理 URL 是 Web 开发中的一个基本任务。通过使用 URL 对象和 URLSearchParams 对象，您可以轻松地解析、修改和创建新的 URL。通过掌握这些技术，您将能够更有效地使用 Web 应用程序和网站。

2025-01-15

上一篇：JavaScript 正则表达式替换：深入指南

下一篇：PHP执行JavaScript：跨语言交互之道