history.back() 在同一域上导航时不起作用？

Question

我想实现一个功能，以确保在所有浏览器上提示返回以保持在给定域内，并避免在历史记录中跳回太远。

这是我目前的进度：

<script type="text/javascript">   
window.addEventListener("load", function(event){
    if (document.referrer.indexOf(window.location.host) !== -1) {
        history.back();
    }
});
</script>

这是我之前实现的：

<script type="text/javascript">

window.addEventListener("load",function(event){
    var historyTraversal=event.persisted||
    (typeof window.performance!=="undefined"&&
    window.performance.navigation.type===2);
    if(historyTraversal){
        window.history.back();
    }
});

</script>

这两个脚本有什么明显的区别吗？

Answer 1

我想实现一个功能，以确保在所有浏览器上提示返回以保持在给定域内，并避免在历史记录中跳回太远。

您所写的似乎是窗口加载时的事件侦听器。你想什么时候使用你说的功能？

现在，您提供的第一个脚本执行一个函数on window load。该函数检查the referrer（链接到当前页面的页面的URL），如果当前主机名是在该引荐来源URL中（即indexOf返回的值不是-1，表示匹配），然后浏览器返回。

假设存在此加载处理程序，则在每次页面加载时，浏览器都会返回，直到引荐来源网址不包含当前主机名。

但是，我不能说这完全符合您的要求 - 这取决于您返回到定义负载处理程序函数的每个页面。

回答你的第二个问题：

这两个脚本有什么明显的区别吗？

在您列出的第二个脚本中，您还有一个用于窗口加载事件的事件处理程序，但是第二个处理程序不是将主机名与引用者进行比较，而是依赖于已弃用的功能。检查PerformanceNavigation type，如果是2（表示通过历史“返回”导航到当前页面），则返回。

这两种方法的主要区别：

• 第一个函数基于域返回，而第二个函数根本不查看域
• 第二个函数依赖于已弃用的功能，而第一个函数更直接
• 只要通过返回到达当前页面，第二个函数就会返回，而第一个函数只有在前一个页面与当前页面位于同一域时才会返回

似乎第一个功能更符合您所说的您想要的，但似乎都不是特别好的方法，考虑到如果用户使用书签或键入链接访问链接，则引用者将为空直接在浏览器中（即不是通过链接指向该页面）。

相反，如果您可以在 cookie 或其他基于会话的存储中跟踪，跟踪用户从您想要返回的初始页面转发了多少页面，然后使用 @987654329 可能会更好@回到你一直跟踪的那么多页面n。 （参见：JavaScript going back multiple times in history）。

这当然会引入它自己的问题，特别是如果用户离开您的域然后又返回时会发生什么 - 弄清楚如何保持准确的计数，以便它始终返回到 URL 的最新初始实例您的域将是下一步。