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处理!