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>