如何获取 URL 节点 - JavaScript

在 JavaScript 中，我们可以使用 window.location 对象来获取页面 URL 的相关信息，包括协议、主机名、端口号、路径、查询参数等。

以下是几个常见的 URL 相关属性：

• window.location.href 获取当前页面的完整 URL，例如：https://www.example.com/path/to/page.html?param1=value1&param2=value2#fragment
• window.location.protocol 获取页面使用的协议，例如：https:
• window.location.hostname 获取主机名，例如：www.example.com
• window.location.port 获取端口号，例如：443
• window.location.pathname 获取路径部分，例如：/path/to/page.html
• window.location.search 获取查询参数部分，例如：?param1=value1&param2=value2
• window.location.hash 获取 URL 中的锚点部分，例如：#fragment

下面是一段示例代码，可以输出当前页面的 URL 及其各个部分：

console.log('完整的 URL：', window.location.href);
console.log('协议：', window.location.protocol);
console.log('主机名：', window.location.hostname);
console.log('端口号：', window.location.port);
console.log('路径：', window.location.pathname);
console.log('查询参数：', window.location.search);
console.log('锚点：', window.location.hash);

输出结果可能类似于：

完整的 URL： https://www.example.com/path/to/page.html?param1=value1&param2=value2#fragment
协议： https:
主机名： www.example.com
端口号： 443
路径： /path/to/page.html
查询参数： ?param1=value1&param2=value2
锚点： #fragment

除了 window.location，还有其他一些方法也可以用于处理 URL，例如 URLSearchParams，用于解析和构建查询参数。了解这些方法可以让我们更加方便地处理 URL 相关的操作。