如何使用 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 的某些部分: