[筆記] JavaScript 不重整頁面動態修改 URL 中的 Query 參數

章節連結

最近遇上需要在頁面開始渲染後,動態去改變網址列 Query 的需求,且使用者可以在網址列上看到變動。這邊筆記一下方法。
javascript es6 logo


程式碼

1. 用 new URL.searchParams.get() 方法來取得 value
2. 利用 history.pushState() 方法來更新 url,不會留下紀錄


參考資料

1. [JS] 使用 JavaScript 解析網址與處理網址中的參數(URL Parameters)
2. JS 不刷新页面添加或修改 URL query 参数
3. 使用js修改url地址参数

按讚加入粉絲團

延伸閱讀