我想用JavaScript看是否有历史记录，后退按钮在浏览器上是否可用。
当前回答
我使用了一点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>
其他回答
你不能直接检查后退按钮是否可用。你可以看看历史。长度为>0，但如果在当前页之前还有页，这也是成立的。只有当history.length===0时，才能确定后退按钮不可用。
如果这还不够好，你所能做的就是调用history.back()，如果你的页面之后仍然被加载，返回按钮是不可用的!当然，这意味着如果后退按钮可用，则您刚刚导航离开了页面。你不允许取消onunload中的导航，所以你所能做的就是从onbeforeunload中返回一些东西，这将导致一个恼人的大提示符出现。这不值得。
事实上，用历史做任何事情通常都是一个非常糟糕的主意。历史导航是chrome浏览器，不是网页。添加“返回”链接通常会引起更多用户的困惑，而不是它的价值。
还有另一种检查方法——检查推荐人。第一页通常会有一个空的引用。
if (document.referrer == "") {
window.close()
} else {
history.back()
}
简单的回答:你不能。
技术上有一个准确的方法，那就是检查属性:
history.previous
然而，这是行不通的。这样做的问题是，在大多数浏览器中，这被认为是违反安全的，通常只是返回undefined。
history.length
是其他人认为的… 然而，长度并不能完全起作用，因为它不能表明你所处的历史位置。此外，它并不总是从相同的数字开始。例如，一个未设置有登录页的浏览器将从0开始，而另一个使用登录页的浏览器将从1开始。
大多数情况下，添加的链接调用:
history.back();
or
history.go(-1);
如果你不能返回，那么点击链接就没有任何作用。
我试图找到一个解决方案，这是我能得到的最好的(但工作很棒，这是我在这里找到的最简单的解决方案)。
在我的情况下，我想回到历史上一个返回按钮，但如果用户打开的第一页是我的应用程序的子页，它会回到主页。
解决方案是，一旦应用程序被加载，我只是做了一个替换历史状态:
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()
解决方案
'use strict';
function previousPage() {
if (window.location.pathname.split('/').filter(({ length }) => length > 0).length > 0) {
window.history.back();
}
}
解释
window.location.pathname会给你当前的URI。例如，https://domain/question/1234/i-have-a-problem会给出/question/1234/i-have-a-problem。请参阅有关窗口的文档。获取更多信息的位置。
接下来，调用split()将为我们提供该URI的所有片段。所以如果我们使用我们之前的URI，我们将会有像[""，"question"， "1234"， "i-have-a-problem"]这样的东西。有关更多信息，请参阅有关String.prototype.split()的文档。
这里调用filter()来过滤掉由反斜杠生成的空字符串。它基本上只返回长度大于1的URI片段(非空字符串)。所以我们会有像["question"， "1234"， "i-have-a-question"]这样的东西。这可以写成这样:
'use strict';
window.location.pathname.split('/').filter(function(fragment) {
return fragment.length > 0;
});
有关更多信息，请参阅关于Array.prototype.filter()和析构赋值的文档。
现在，如果用户在https://domain/上尝试返回，我们不会触发if语句，也不会触发window.history.back()方法，这样用户就会留在我们的网站中。这个URL将等价于长度为0的[]，0 > 0为假值。因此，默默的失败。当然，如果您愿意，您可以记录一些内容或其他操作。
'use strict';
function previousPage() {
if (window.location.pathname.split('/').filter(({ length }) => length > 0).length > 0) {
window.history.back();
} else {
alert('You cannot go back any further...');
}
}
限制
当然，如果浏览器不支持History API，这个解决方案将不起作用。在使用此解决方案之前，请查看文档以了解更多信息。
