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

随心笔谈9个月前更新 admin
200 00
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

文章摘要

这篇文章介绍了三种常用的网页历史记录操作方法: 1. **`window.history.go()`**:可以向前或向后任意步数浏览历史记录,支持任意步进。2. **`window.history.back()`**:只能回到上一个页面,效果等价于后退按钮操作。3. **`document.referrer`**:通过获取当前页面的Referer属性,并手动跳转到上一个页面。 文章重点突出了每种方法的用途和应用场景,强调了它们的差异与适用场景,帮助开发者根据需求选择合适的操作方法。

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;
© 版权声明

相关文章