JavaScript - 获取HTTP URL

在 JavaScript 中，可以通过不同的方法来获取当前页面的 HTTP URL。这个 URL 包含了协议、主机名、端口、路径和查询参数等信息。本文将介绍几种常用的方法来获取 HTTP URL，并提供相应的代码示例。

1. 使用 window.location.href

window.location 对象提供了有关当前 URL 的详细信息。其中 href 属性包含了完整的当前 HTTP URL。可以通过访问 window.location.href 属性来获取 HTTP URL。以下是示例代码：

const httpURL = window.location.href;
console.log(httpURL);

这将输出类似如下内容的 HTTP URL：

https://www.example.com:8080/path?param1=value1&param2=value2

2. 使用 document.URL

document 对象表示当前加载的 HTML 文档，其中 URL 属性包含了当前的 URL。可以通过访问 document.URL 属性来获取 HTTP URL。以下是示例代码：

const httpURL = document.URL;
console.log(httpURL);

这将输出与前面示例相同的 HTTP URL。

3. 使用 location.href

location 对象是 window.location 对象的一个引用，可以直接访问 location.href 属性来获取 HTTP URL。以下是示例代码：

const httpURL = location.href;
console.log(httpURL);

同样，这将输出与前面示例相同的 HTTP URL。

4. 使用正则表达式提取 URL 组件

如果想要获取 HTTP URL 的特定组件，例如主机名、路径或查询参数，可以使用正则表达式来提取。以下是示例代码：

const httpURL = window.location.href;

// 提取主机名
const hostname = httpURL.match(/https?:\/\/(.*?)\//)[1];
console.log(hostname);

// 提取路径
const path = httpURL.match(/https?:\/\/.*?\/(.*)/)[1];
console.log(path);

// 提取查询参数
const searchParams = new URLSearchParams(httpURL.split('?')[1]);
console.log(searchParams.get('param1'));
console.log(searchParams.get('param2'));

这将输出以下内容：

www.example.com
path
value1
value2

以上就是几种获取 HTTP URL 的常用方法。可以根据实际需求选择合适的方法。无论哪种方法，都可以帮助程序员获取当前页面的 HTTP URL，并进行相应的处理。

注意：以上示例代码仅供参考，并未考虑各种场景下的错误处理。在实际应用中，请根据需要进行适当的错误处理和验证。