URL 信息

JavaScript 提供了許多方法來檢索和更改顯示在瀏覽器地址欄中的當前 URL，所有這些方法都使用Location對象，它是對象的一個​屬性Window。

您可以創建一個具有當前URL的新對象，如下所示：

let loc = window.location;
let url = loc.href;

Location 屬性

location屬性

Location 接口不繼承任何屬性，但是實現了那些來自 URLUtils 的屬性。

Location.href包含整個URL的一個DOMStringLocation.protocol包含URL對應協議的一個DOMString，最後有一個”:”。

Location.host包含了域名的一個DOMString，可能在該串最後帶有一個”:”並跟上URL的端口號。

Location.hostname包含URL域名的一個DOMString。

Location.port包含端口號的一個DOMString。

Location.pathname包含URL中路徑部分的一個DOMString，開頭有一個「/”。Location.search 包含URL參數的一個DOMString，開頭有一個「?」。

Location.hash包含塊標識符的DOMString，開頭有一個「#」。

Location.username包含URL中域名前的用戶名的一個DOMString。

Location.password包含URL域名前的密碼的一個 DOMString。

Location.origin只讀包含頁面來源的域名的標準形式DOMString。

方法

Location沒有繼承任何方法，但實現了來自URLUtils的方法。

Location.assign()加載給定URL的內容資源到這個Location對象所關聯的對象上。

Location.reload()重新加載來自當前 URL的資源。他有一個特殊的可選參數，類型為 Boolean，該參數為true時會導致該方法引發的刷新一定會從服務器上加載數據。如果是 false或沒有制定這個參數，瀏覽器可能從緩存當中加載頁面。

Location.replace()用給定的URL替換掉當前的資源。與 assign() 方法不同的是用 replace()替換的新頁面不會被保存在會話的歷史 History中，這意味着用戶將不能用後退按鈕轉到該頁面。

Location.toString()返回一個DOMString，包含整個URL。 它和讀取URLUtils.href的效果相同。但是用它是不能夠修改Location的值的。