本篇文章记得一下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