javascript:history.back() 或主页

Question

我想添加一个按钮，让用户返回某个页面，或者如果用户使用直接 url 访问该页面(因此，.back() 会将他们带回 google例如)- 用户将被重定向到我的主页。

看起来像 javascript:history:back() 或 history.go 只接受步骤属性(我们可以返回多少页)，仅此而已。我是否必须使用 session 或是否有办法使用 history 对象？

Answer 1

您可以查看 referrer url 与 document.referrer，以查看用户来自的上一个页面。它可以为空，这意味着用户来自直接链接，或者单击来自其他应用程序链接 skype 等的链接...

在示例中，我使用了 https://stackoverflow.com 作为示例，但是如果使用 location.origin more info 可以使它更通用。

正如@Jonas W. 在 comments 中提到的那样, 出于安全原因，请务必检查引荐来源网址中正确位置的完整域。

function go() {
  if (document.referrer.indexOf("https://stackoverflow.com/") === 0) {
    history.back();
  } else {
    window.location.href = "https://stackoverflow.com";

  }
}
document.querySelector('button').addEventListener('click', go);

<button>back</button>