href不會更改瀏覽器地址欄

Question

為什么我的瀏覽器地址欄在href上沒有更改。 我的主頁上有一個名為“關於”的鏈接。 關於將在div中打開。 當我單擊它時，它會在div中打開，但當我希望將其更改為“ wwww.example.com/homepage/about”時，URL地址欄保持不變，即“ www.example.com/homepage”。 我努力了

 windows.location.href="/about"

但是它帶我到了一個新頁面，而不是在div中打開。 有沒有一種方法可以實現我要尋找的內容，即在div中打開鏈接后更改地址欄。

Answer 1

您必須更改功能才能更改歷史記錄狀態。 您可以添加以下內容來更改地址欄中的地址：

history.pushState(null, null, '/about');

https://developer.mozilla.org/zh-CN/docs/Web/Guide/DOM/Manipulating_the_browser_history了解更多信息。

Answer 2

我認為這是不可能的。 瀏覽器將始終顯示已加載頁面的地址，並且在不加載新頁面的情況下無法更改該地址。

如果確實很重要，則可以使用哈希實現類似的操作。 應該可以使用以下方式更改網址：

window.location.hash =“ about”;

這應該將瀏覽器URL更改為www.xxxx.com/homepage#about，而無需重新加載頁面。

然后，如果用戶復制該URL或為該頁面添加書簽，則他們將加載該URL，這又將使您的JavaScript能夠檢測到哈希並在div中加載適當的內容。

Answer 3

您可能正在尋找window.location.hash

問候