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