这工作为我使用react，但可以在另一种情况下工作;当历史记录在第一页时(你不能返回)window.history.state将为null，所以如果你想知道你是否可以返回，你只需要:

if (window.history.state == null) {
   //you cannot go back
}

文档:

的历史。状态属性返回表示位于的状态的值 历史堆栈的顶端。这是一种看待国家的方式 而不必等待popstate事件。

简单的回答:你不能。

技术上有一个准确的方法，那就是检查属性:

history.previous

然而，这是行不通的。这样做的问题是，在大多数浏览器中，这被认为是违反安全的，通常只是返回undefined。

history.length

是其他人认为的… 然而，长度并不能完全起作用，因为它不能表明你所处的历史位置。此外，它并不总是从相同的数字开始。例如，一个未设置有登录页的浏览器将从0开始，而另一个使用登录页的浏览器将从1开始。

大多数情况下，添加的链接调用:

history.back();

or

 history.go(-1);

如果你不能返回，那么点击链接就没有任何作用。

我不确定这是否有效，它完全未经测试，但试试这个:

<script type="text/javascript">

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

    if (history.length > 0) { //if there is a history...
        document.getElementsByTagName('button')[].onclick="goBack()"; //assign function "goBack()" to all buttons onClick
    } else {
        die();
    }
</script>

在HTML的某处:

<button value="Button1"> //These buttons have no action
<button value="Button2">

编辑:

您还可以研究哪些浏览器支持back函数(我认为它们都支持)，并使用本页中找到并详细描述的标准JavaScript浏览器检测对象。然后你可以有2个不同的页面:一个是兼容后退按钮的“好浏览器”页面，一个是告诉他们更新浏览器的“坏浏览器”页面

这可能会有帮助:

const prev = window.location.pathname;
window.history.back();
setTimeout(() => {
  if (prev === window.location.pathname) {
    // Do something else ... 
  }
}, 1000);

注意window.history.length，因为它还包括window.history.forward()的条目。

window。history。length可能有多于1个条目，但没有历史回溯条目。 这意味着如果你触发window.history.back()

我想出了以下方法。它利用onbeforeunload事件来检测浏览器是否开始离开页面。如果在一定时间内没有，它就会重定向到备用。

var goBack = function goBack(fallback){
    var useFallback = true;

    window.addEventListener("beforeunload", function(){
      useFallback = false;
    });

    window.history.back();

    setTimeout(function(){
        if (useFallback){ window.location.href = fallback; }
    }, 100); 
}

您可以使用goBack("fallback.example.org")调用此函数。