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

更新日期: 2020-04-02 阅读次数: 2994 字数: 94 分类: Javascript

用于在过滤商品分类时,在浏览器地址栏给出对应的 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 聊聊, 查看更多联系方式