使用 JavaScript 更改瀏覽器 URL 而不重新載入頁面
可以使用 JavaScript 實作更改瀏覽器 URL 而不載入新頁面。這允許您在修改網址列中的地址時保留頁面的當前狀態。
一種方法是使用 window.location.hash 屬性。透過將雜湊設為特定值，您可以對狀態資訊進行編碼，而無需觸發頁面重新載入。支援 window.onhashchange 事件的瀏覽器可以偵聽雜湊值的變更並相應地更新頁面。沒有原生支援 onhashchange 的舊版瀏覽器需要使用 setInterval 定期檢查來偵測雜湊變更。
jQuery 提供了一個 hashchange 插件，可以簡化在不同瀏覽器中處理雜湊變更的過程。使用此插件，您可以根據新的雜湊值動態更新頁面。
在不重新載入頁面的情況下修改 URL 的另一種方法是透過歷史記錄操作。透過呼叫history.pushState(null, null, "new_url")，您可以在不離開目前頁面的情況下向瀏覽器歷史記錄中新增條目。類似地，history.back() 和history.forward() 方法可用於瀏覽歷史記錄，而不會觸發整頁重新載入。然而，這些方法需要瀏覽器支援 HTML5 History API，該 API 並非在所有瀏覽器中都可用。
以上是如何使用 JavaScript 更改瀏覽器 URL 而不重新載入頁面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
