历史。长度是无用的，因为它不能显示用户是否可以回到历史。 另外，不同的浏览器使用初始值0或1 -这取决于浏览器。

有效的解决方案是使用$(window)。on('beforeunload'事件，但我不确定它会工作，如果页面是通过ajax加载和使用pushState改变窗口历史。

所以我使用了下一个解决方案:

var currentUrl = window.location.href;
window.history.back();
setTimeout(function(){
    // if location was not changed in 100 ms, then there is no history back
    if(currentUrl === window.location.href){
        // redirect to site root
        window.location.href = '/';
    }
}, 100);

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

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

简单的回答:你不能。

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

history.previous

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

history.length

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

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

history.back();

or

 history.go(-1);

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

你不能直接检查后退按钮是否可用。你可以看看历史。长度为>0，但如果在当前页之前还有页，这也是成立的。只有当history.length===0时，才能确定后退按钮不可用。

如果这还不够好，你所能做的就是调用history.back()，如果你的页面之后仍然被加载，返回按钮是不可用的!当然，这意味着如果后退按钮可用，则您刚刚导航离开了页面。你不允许取消onunload中的导航，所以你所能做的就是从onbeforeunload中返回一些东西，这将导致一个恼人的大提示符出现。这不值得。

事实上，用历史做任何事情通常都是一个非常糟糕的主意。历史导航是chrome浏览器，不是网页。添加“返回”链接通常会引起更多用户的困惑，而不是它的价值。

我想出了以下方法。它利用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")调用此函数。

我正在使用Angular，我需要检查是否有历史记录，触发location.back()，否则重定向到父路由。

来自https://stackoverflow.com/a/69572533/18856708的解决方案效果很好。

constructor(
    private activatedRoute: ActivatedRoute,
    private router: Router,
    private location: Location,
}
...

back(): void {
    if (window.history.state === null) {
      this.router.navigate(['../'], { relativeTo: this.activatedRoute });
      return;
    }

    this.location.back();
}