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

更新日期: 2020-04-02 阅读次数: 171 字数: 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
领取618阿里云/腾讯云服务器优惠券

关于作者

我是来自山东烟台的一名开发者,喜欢瞎折腾,顺便记记笔记。有敢兴趣的话题,欢迎加微信 zhongwei 聊聊。 白天写程序,晚上哄熊孩子,可能回复有点慢,见谅。 查看更多联系方式

相关文章

爱评论不评论

近期节日

2020年06月11日 中国人口日
2020年06月20日 世界难民日
2020年06月21日 父亲节
2020年06月21日 夏至
2020年06月22日 中国儿童慈善活动日
2020年06月23日 国际奥林匹克日
2020年06月25日 全国土地日
2020年06月25日 端午节
2020年06月26日 国际禁毒日
2020年06月30日 世界青年联欢节
2020年07月01日 中国共产党诞生日
2020年07月01日 香港回归日
查看更多节日