当前第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使用步骤详解的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
html的盒模型详解
html与xhtml的区别详解
html5语义化标签及兼容性处理详解
phonegap本地存储详解
html中的table详解
h5的localstorage本地存储使用详解
h5的游戏开发详解
vue的渲染详解
phonegap实现提示操作详解
html的标记文字详解
更多相关阅读请进入《replaceState》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » pushState与replaceState使用步骤详解
