如何使用 javascript 获取 url

在 Web 应用程序中，经常需要访问当前页面的 URL。JavaScript 提供了多种方法来获取 URL。

使用 window.location 对象

window.location 对象提供了有关当前 URL 的详细信息。以下是如何使用它：

// 获取完整 URL
const url = window.location.href;

// 获取 URL 协议
const protocol = window.location.protocol;

// 获取域名
const hostname = window.location.hostname;

// 获取路径名
const pathname = window.location.pathname;

// 获取搜索参数
const search = window.location.search;

// 获取哈希值
const hash = window.location.hash;

使用 Document.URL 属性

document.URL 属性返回当前页面的完整 URL。以下是如何使用它：

// 获取完整 URL
const url = document.URL;

使用 URL 构造函数

URL 构造函数可以创建 URL 对象，用于解析和操作 URL。以下是如何使用它：

// 创建一个 URL 对象
const urlObject = new URL(window.location.href);

// 获取 URL 的各个部分
const protocol = urlObject.protocol;
const hostname = urlObject.hostname;
const pathname = urlObject.pathname;
const search = urlObject.search;
const hash = urlObject.hash;

其他方法

还可以使用其他方法来获取 URL 的某些部分：

使用 document.referrer 属性获取引用页面的 URL。
使用 window.top.location 对象获取顶级框架的 URL。