我试图找到一个解决方案，这是我能得到的最好的(但工作很棒，这是我在这里找到的最简单的解决方案)。

在我的情况下，我想回到历史上一个返回按钮，但如果用户打开的第一页是我的应用程序的子页，它会回到主页。

解决方案是，一旦应用程序被加载，我只是做了一个替换历史状态:

history.replaceState( {root: true}, '', window.location.pathname + window.location.hash)

这样，我只需要在返回之前检查history.state.root。如果是真的，我做一个历史代替:

if(history.state && history.state.root)
    history.replaceState( {root: true}, '', '/')
else
    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")调用此函数。

我试图找到一个解决方案，这是我能得到的最好的(但工作很棒，这是我在这里找到的最简单的解决方案)。

在我的情况下，我想回到历史上一个返回按钮，但如果用户打开的第一页是我的应用程序的子页，它会回到主页。

解决方案是，一旦应用程序被加载，我只是做了一个替换历史状态:

history.replaceState( {root: true}, '', window.location.pathname + window.location.hash)

这样，我只需要在返回之前检查history.state.root。如果是真的，我做一个历史代替:

if(history.state && history.state.root)
    history.replaceState( {root: true}, '', '/')
else
    history.back() 

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

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

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

我用的是window。在我的网站上的常见问题解答。

当用户想退出FAQ时，他们可以点击退出按钮(在后退按钮旁边)

我对这个“退出”策略的逻辑是基于入口ID，然后返回到该状态的状态数。

所以进入:

  enterState: { navigationId:number } = {navigationId: 1}

  constructor() {
    this.enterState = window.history.state
  }

假设用户正在浏览FAQ

然后，当用户单击退出按钮时，读取当前状态并计算delta:

exitFaq() {
    // when user started in faq, go back to first state, replace it with home and navigate
    if (this.enterState.navigationId === 1) {
      window.history.go((window.history.state.navigationId - 1) * -1)
      this.router.navigateByUrl('/')
      //  non-angular
      //  const obj = {Title: 'Home', Url: '/'}
      //  window.history.replaceState(obj, obj.Title, obj.Url)
    } else {
      window.history.go(this.enterState.navigationId - window.history.state.navigationId - 1)
    }
  }

如你所见，我还使用了一个回退当用户开始在faq，在这种情况下，状态。navigationId为1，我们想要路由回去，替换第一个状态，并显示主页(为此我使用Angular路由器，但你也可以使用历史记录。当你处理自己的路由时，也可以使用replaceState)

供参考:

history.go history.state history.replaceState Angular.router.navigateByUrl

我的代码让浏览器返回一个页面，如果失败，它加载一个回退url。它还可以检测标签的变化。

当后退按钮不可用时，回退url将在500毫秒后加载，这样浏览器就有足够的时间加载上一页。在window.history.go(-1)之后加载回退url;会导致浏览器使用回退url，因为js脚本还没有停止。

function historyBackWFallback(fallbackUrl) {
    fallbackUrl = fallbackUrl || '/';
    var prevPage = window.location.href;

    window.history.go(-1);

    setTimeout(function(){ 
        if (window.location.href == prevPage) {
            window.location.href = fallbackUrl; 
        }
    }, 500);
}