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

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

---

程式碼

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

---

參考資料

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

按讚加入粉絲團

延伸閱讀

• [筆記] 程式必修課！離散數學與演算法 – 7
• [筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響
• [筆記] 程式必修課！離散數學與演算法 – 6
• [筆記] 程式必修課！離散數學與演算法 – 5
• [筆記] 程式必修課！離散數學與演算法 – 4