我想用JavaScript看是否有历史记录，后退按钮在浏览器上是否可用。
当前回答
注意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);
如果你不能返回，那么点击链接就没有任何作用。
浏览器有后退和前进按钮。我想出了这个问题的解决办法。但它会影响浏览器的转发操作，并导致一些浏览器的错误。
它的工作原理是这样的:如果浏览器打开一个从未打开过的新url，历史。长度会变长。
你可以改变哈希值
location.href = '#__transfer__' + new Date().getTime()
要得到一个从未显示的url，然后历史。长度会得到真正的长度。
var realHistoryLength = history.length - 1
但是，它并不总是工作得很好，我不知道为什么，特别是当url自动跳转很快。
历史。长度是无用的，因为它不能显示用户是否可以回到历史。 另外，不同的浏览器使用初始值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);
我试图找到一个解决方案，这是我能得到的最好的(但工作很棒，这是我在这里找到的最简单的解决方案)。
在我的情况下，我想回到历史上一个返回按钮，但如果用户打开的第一页是我的应用程序的子页，它会回到主页。
解决方案是，一旦应用程序被加载，我只是做了一个替换历史状态:
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()
我使用了一点PHP来实现这个结果。不过有点生锈了。但它应该会起作用。
<?php
function pref(){
return (isset($_SERVER['HTTP_REFERER'])) ? true : '';
}
?>
<html>
<body>
<input type="hidden" id="_pref" value="<?=pref()?>">
<button type="button" id="myButton">GoBack</button>
<!-- Include jquery library -->
<script>
if (!$('#_pref').val()) {
$('#myButton').hide() // or $('#myButton').remove()
}
</script>
</body>
</html>
