Javascript : History back()方法

Question

我在W3School的网站上用Javascript回顾了back()方法的历史。我想知道是否有可能在新的选项卡中回到历史。

假设我用谷歌搜索“利物浦足球俱乐部”，然后用open link in new tab打开一个网站。

​

​

现在，当利物浦网站在一个新的标签页中打开时，有没有办法返回到谷歌搜索？

​

​

下面的函数不起作用：

function goBack() {
    window.history.back()
}

有什么出路吗？

Answer 1

不，它不是。

该页面不是当前窗口历史记录的一部分。

这就是为什么浏览器的后退按钮也不能工作的原因。

Answer 2

您可以将url(window.location.href)发送到新选项卡中，并在新选项卡中使用history api将url推送到历史状态。看这里：Working with the History API

Answer 3

编辑:误解您的问题。

因此，如果你想自己创建它，有可能给你在新标签页中打开的url加上一个引用url的属性。如下所示：

http://yourpage.com/?referrer=http%3A%2F%2Fyourpage.com%252Fsublink

否则，你不可能实现你想要实现的目标。

这不是解决方案，只是不想浪费

它实际上是的可能性。只需查看document对象，您就会发现一个引用属性。这是您所来自的URL。

如果您想要打开一个新选项卡，您应该使用duke中的解决方法，如下所示：

function OpenInNewTab(url) {
  var win = window.open(url, '_blank');
  win.focus();
}

在此之后，您可以使用onclick属性创建新链接：

<a onclick="OpenInNewTab(document.referrer);">Open last in new tab</a>