js返回上一页的三种方法分享

随心笔谈2年前发布 admin
169 0 0

文章摘要

这篇文章介绍了三种用于上页浏览的方法: 1. **`history.go()`**:可以向前、向后任意步进历史页面。使用`-1`回到上一页,`+1`前进一页,支持多个步进。 2. **`history.back()`**:仅支持向后退至历史列表前一个页面,等价于点击后退按钮或`history.go(-1)`。 3. **`document.referrer`**:新窗口返回上一页,获取上一页URL后跳转。 总结:`history.go()`和`history.back()`基于历史记录实现多步浏览,而`document.referrer`通过新窗口实现简单上页。选择哪种方法取决于具体需求和隐私保护要求。

1、history.go()

最常用的一种方法,可以返回、前进任意一步的页面、回到上一页

1
2
3
4
5
6
// 回到上一页
window.history.go(-1);
// 回到下一页
window.history.go(1);
// 回到任意一页
widnow.history.go(+前进几页)

2、history.back()

back() 方法可加载历史列表中的前一个 URL(如果存在)。

调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。

1
2
// 回到上一页
history.back()

3、document.referrer

支持新窗口返回上一页

1
2
3
4
5
// new page
// 获取上一页的url
const prevPageUrl = document.referrer;
// 跳转上一页
document.location,href = prevPageUrl;
© 版权声明

相关文章