PushState是HTML5中新增的History API之一,可以在不刷新頁面的情況下改變URL。
使用PushState可以通過以下步驟來改變URL:
獲取當前頁面的URL:可以使用window.location.href來獲取當前頁面的URL。
使用PushState方法改變URL:可以使用history.pushState方法來改變URL,該方法接受三個參數,分別是state對象(表示新的狀態)、標題(目前大多瀏覽器忽略此參數)、URL(表示新的URL)。例如:
history.pushState({page: 1}, "Title", "newpage.html");
需要注意的是,雖然PushState可以改變URL但不刷新頁面,但是如果用戶手動刷新頁面或者通過瀏覽器的前進、后退按鈕導航,頁面還是會刷新。因此,在使用PushState時,需要考慮如何處理頁面狀態的保持和恢復。