当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 | <body>
<p>window.onpopstate可以监听到返回键事件</p>
<script>
history.pushState({}, "");
window.onpopstate = function(event) {
location.href = "https://www.baidu.com";
};
</script>
</body>
|
当然，用 window.onhashchange 也可以监听到浏览器上的返回事件，参考如下一段代码(可以直接运行）：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <body>
<p>window.onhashchange可以监听到返回键事件</p>
<script>
setTimeout(()=>{
location.hash="a"
},100);
setTimeout(()=>{
window.onhashchange = function(event) {
location.href = "https://www.baidu.com";
}
},200);
</script>
</body>
|
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
H5+WebWorkers多线程开发使用详解
CSS3二级导航菜单制作步骤详解
以上就是pushState与replaceState使用步骤详解的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
canvas的绘图api使用详解
phonegap播放音频详解
js的表单传值与url编码转换详解
详解html5之pushstate、popstate操作history无刷新改变当前url代码实例
h5的存储方式详解
html中的标签详解
pushstate与replaceState使用步骤详解
html5离线存储知识详解
vue.directive的自定义指令详解
详解vue列表渲染
更多相关阅读请进入《replaceState》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » pushState与replaceState使用步骤详解
