js 返回上一页的三种方法,第三种在新打开的页面中也可返回上一页。
admin 阅读:33 2024-03-01
1、history.go()
// 回到上一页
window.history.go(-1);
// 回到下一页
window.history.go(1);
// 回到任意一页
widnow.history.go(+前进几页)
在 a 标签中直接调用:
<a href = "javascript:windows.history.go(-1)">回到上一页</a>
2、history.back()
// 回到上一页
history.back()
在 a 标签中直接调用:
<a href = "javascript:history.back()">回到上一页</a>
3、document.referrer
以上两种方式很常用,但是不支持 target=”_blank” 方式打开的新页面,也就是当你的页面点击一个按钮,在新标签页打开了一个新的页面,这个时候用前两种方式是无法在新的页面中返回到上一页的。在这种情况下我们就要用到 document.referer 这个属性了。
// 获取上一页的url
const prevPageUrl = document.referrer;
// 跳转上一页
document.location.href = prevPageUrl;
在 a 标签中直接调用:
<a href = "javascript:document.location.href = document.referrer">回到上一页</a>
声明
1、部分文章来源于网络,仅作为参考。 2、如果网站中图片和文字侵犯了您的版权,请联系1943759704@qq.com处理!