JS 获取 URL 请求

在 Web 开发中，经常需要获取 URL 请求以执行相应的操作。以下是使用 JavaScript 获取 URL 请求的几种方法。

1. 使用 window.location 对象

window.location 对象包含关于当前 URL 的信息，包括 URL 本身、参数、锚点等。

// 获取当前 URL
const currentUrl = window.location.href;

// 获取当前页面的协议
const currentProtocol = window.location.protocol;

// 获取当前页面的主机名
const currentHostname = window.location.hostname;

// 获取当前页面的路径名
const currentPathname = window.location.pathname;

// 获取当前页面的查询参数
const currentQueryParams = window.location.search;

// 获取当前页面的锚点
const currentHash = window.location.hash;

2. 使用 URLSearchParams 对象

URLSearchParams 对象是用于解析和操作查询字符串的接口。

// 获取查询参数
const params = new URLSearchParams(window.location.search);

// 获取查询参数中的值
const paramValue = params.get('paramName');

3. 使用正则表达式

正则表达式可以用来从 URL 中提取需要的信息。

// 从 URL 中提取查询参数值
const url = "http://example.com/search?query=javascript";
const value = url.match(/query=([^&]+)/)[1];  // javascript

以上是几种常用的方法，根据需求选择合适的方法即可。