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

文章目录

    用于在过滤商品分类时,在浏览器地址栏给出对应的 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