紀錄工作經驗、相關知識,解決技術相關問題。

Javascript, 工作雜談, 新手 Jamp Holes, 未分類, 網站相關

JS 變更網址 不刷新頁面

製作網站時,時常會遇到需要變更網址,但不希望刷新頁面的狀況,這邊紀錄一下實作方法,有需要的可以直接取用。

// 假設網址為 https//example.com/aaa/bbb/123456

// 在不刷新頁面的情況下,變更網址為 /aaa/bbb
history.replaceState(null, "", "/aaa/bbb");

實作上,我們使用 history.replaceState 來對網頁瀏覽紀錄進行變更,當記錄變更時,你就可以看到網址被繃改,但不會觸發網頁刷新。

發表迴響