嘿，我来帮你搞定这个需求～你之前用location.hash的方式不对哦，那是用来设置URL锚点的，根本没法修改查询参数。咱们换个更靠谱的方法，用浏览器原生的URLSearchParams API，轻松就能把saved参数改成true，还不容易出错。

完整实现代码 #

先看HTML部分（和你原来的一样）：

<button class="save">save</button>

然后是JavaScript代码，我给你两种方案，按需选择：

方案一：修改参数并刷新页面

如果点击保存后需要页面刷新来加载新状态，用这个：

$('.save').click(function(){
  // 获取当前URL的查询参数对象
  const params = new URLSearchParams(window.location.search);
  
  // 把saved参数设置为true
  params.set('saved', 'true');
  
  // 更新地址栏，触发页面刷新
  window.location.search = params.toString();
});

方案二：修改参数但不刷新页面

如果只是想更新地址栏显示，不想让页面刷新，就用history.replaceState：

$('.save').click(function(){
  const params = new URLSearchParams(window.location.search);
  params.set('saved', 'true');
  
  // 拼接新的URL路径和参数
  const newUrl = `${window.location.pathname}?${params.toString()}`;
  
  // 替换当前历史记录，更新地址栏，不刷新页面
  window.history.replaceState({}, document.title, newUrl);
});

为什么原来的代码不行？ #

你之前写的location.hash = "saved=abc"是给URL添加锚点（就是URL末尾的#xxx部分），不会修改?后面的查询参数，所以根本达不到你要的效果。

兼容性说明 #

URLSearchParams是现代浏览器都支持的API，Chrome、Firefox、Edge这些主流浏览器都没问题。如果要兼容非常老旧的IE，那可能需要自己写个手动解析参数的函数，但现在IE基本被淘汰了，推荐用原生API更省心。

内容的提问来源于stack exchange，提问作者Ceejay