js点击浏览器自带返回按钮跳转到指定页面

最新推荐文章于 2024-01-19 21:21:00 发布

A~小鲸喜

最新推荐文章于 2024-01-19 21:21:00 发布

阅读量2.5k

点赞数 3

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/Sun_Maple_jw/article/details/122837087

版权

这篇博客探讨了如何使用JavaScript的history.pushState方法和popstate事件来修改页面URL并实现返回时跳转到特定页面的功能。通过监听popstate事件，可以在用户触发浏览器回退操作时手动重定向到指定的URL。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在当前页的页面修改添加历史记录从而达到返回上一页跳转到指定页面

//该方法修改地址后，会变成order#
//此时返回是变成order.html
//但是，执行了一次popstate
//我们通过捕捉这个popstate完成手动跳转
 function pushHistory() {
     window.history.pushState({}, "index", "#");
 }
 
//执行代码
pushHistory();
//添加监听事件，监听后退，前进
window.addEventListener("popstate", function (e) {
    window.location.href = "https://home.firefoxchina.cn/";
}, false);