首頁 >web前端 >js教程 >如何在不重新載入頁面的情況下更改 URL?

如何在不重新載入頁面的情況下更改 URL?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-21 17:29:10957瀏覽

How Can I Change a URL Without Reloading the Page?

在不重新載入頁面的情況下修改URL

問題:

是否可以在不重新載入頁面的情況下更改目前頁面的URL觸發頁面刷新?

目的:

存取並修改URL中網域後面的部分,不包括hash (#).

解:

Window.history.pushState()

現代瀏覽器支持pushState()方法,它允許您操縱瀏覽器的歷史記錄而無需重新加載

實現:

  1. 實作:
更新頁面內容(例如,透過AJAX)。
function processAjaxData(response, urlPath){
     // ... (update content)

     window.history.pushState({
         "html": response.html,
使用 window 設定 URL 路徑.history.pushState() 和所需的urlPath.

以上是如何在不重新載入頁面的情況下更改 URL?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn