[筆記] 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地址参数

按讚加入粉絲團

延伸閱讀

• [筆記] NotebookLM 錦囊妙計：掌握九大應用場景的創意用法 – 4
• [筆記] NotebookLM 錦囊妙計：掌握九大應用場景的創意用法 – 2
• [筆記] vite-plugin-top-level-await 在 Vite 8 可不必使用
• [筆記] NotebookLM 錦囊妙計：掌握九大應用場景的創意用法 – 1
• [筆記] Claude Code 代理人開發全攻略 – 14