如何使用 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。