修改浏览器当前网页链接，但是页面不调整

用于在过滤商品分类时，在浏览器地址栏给出对应的 URL，方便分享。但是又会引起浏览器跳转页面。

JS 实现

window.history.pushState({}, "", "/new-url?key=value");

如何判断当前浏览器是否支持 pushState

if (window.history && window.history.pushState)

参数

history.pushState(state, title[, url])

• state，一个 js object，用于存储一些状态值。如果只是为了修改 URL，这个参数可以置空为 {}
  
• title，传空字符串即可
  
• url，修改浏览器 url 地址，但是浏览器并不会去加载这个新的 URL。
  

参考

• https://stackoverflow.com/questions/6118693/how-can-i-change-the-page-url-without-refreshing-the-page
  
• https://developer.mozilla.org/en-US/docs/Web/API/History/pushState

关于作者 🌱

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊，或者关注我的个人公众号“大象工具”， 查看更多联系方式