如何使用 javascript 獲取 url
在 Web 應(yīng)用程序中,經(jīng)常需要訪問當(dāng)前頁(yè)面的 URL。JavaScript 提供了多種方法來獲取 URL。
使用 window.location 對(duì)象
window.location 對(duì)象提供了有關(guān)當(dāng)前 URL 的詳細(xì)信息。以下是如何使用它:
// 獲取完整 URL const url = window.location.href; // 獲取 URL 協(xié)議 const protocol = window.location.protocol; // 獲取域名 const hostname = window.location.hostname; // 獲取路徑名 const pathname = window.location.pathname; // 獲取搜索參數(shù) const search = window.location.search; // 獲取哈希值 const hash = window.location.hash;
登錄后復(fù)制
使用 Document.URL 屬性
document.URL 屬性返回當(dāng)前頁(yè)面的完整 URL。以下是如何使用它:
// 獲取完整 URL const url = document.URL;
登錄后復(fù)制
使用 URL 構(gòu)造函數(shù)
URL 構(gòu)造函數(shù)可以創(chuàng)建 URL 對(duì)象,用于解析和操作 URL。以下是如何使用它:
// 創(chuàng)建一個(gè) URL 對(duì)象 const urlObject = new URL(window.location.href); // 獲取 URL 的各個(gè)部分 const protocol = urlObject.protocol; const hostname = urlObject.hostname; const pathname = urlObject.pathname; const search = urlObject.search; const hash = urlObject.hash;
登錄后復(fù)制
其他方法
還可以使用其他方法來獲取 URL 的某些部分:
使用 document.referrer 屬性獲取引用頁(yè)面的 URL。
使用 window.top.location 對(duì)象獲取頂級(jí)框架的 URL。