欢迎光临
我们一直在努力

js通过history.pushState实现改变url不刷新页面

本篇文章记得一下js 通过history.pushState实现改变url不刷新页面,讲一下history.pushState的用法

基本用户法

window.history.pushState(state, title, url);

我用的时候只传最的参数  前两个是””

history.pushState('','','http://www.freetechs.cn/archives/3453453453453');

pushState 配合 popstate 监听
想要良好的支持浏览器的历史前进后退操作,应当部署popstate监听

window.addEventListener('popstate', function(evt){
    var state = evt.state;
    //逻辑代码
    ..... 例如换一下title
    document.title="这是新title";
}, false);

限制条件

url不支持跨域的 ,  比如:  https://www.baidu.com  不能跳到  http://www.freetechs.cn  ,   https  不能 转成http

 

赞(0)
未经允许不得转载:自游互动 » js通过history.pushState实现改变url不刷新页面
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们