我想用JavaScript看是否有历史记录，后退按钮在浏览器上是否可用。
当前回答
检查window.history.length是否等于0。
其他回答
解决方案
'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，这个解决方案将不起作用。在使用此解决方案之前，请查看文档以了解更多信息。
浏览器有后退和前进按钮。我想出了这个问题的解决办法。但它会影响浏览器的转发操作，并导致一些浏览器的错误。
它的工作原理是这样的:如果浏览器打开一个从未打开过的新url，历史。长度会变长。
你可以改变哈希值
location.href = '#__transfer__' + new Date().getTime()
要得到一个从未显示的url，然后历史。长度会得到真正的长度。
var realHistoryLength = history.length - 1
但是，它并不总是工作得很好，我不知道为什么，特别是当url自动跳转很快。
我不确定这是否有效，它完全未经测试，但试试这个:
<script type="text/javascript">
function goBack() {
history.back();
}
if (history.length > 0) { //if there is a history...
document.getElementsByTagName('button')[].onclick="goBack()"; //assign function "goBack()" to all buttons onClick
} else {
die();
}
</script>
在HTML的某处:
<button value="Button1"> //These buttons have no action
<button value="Button2">
编辑:
您还可以研究哪些浏览器支持back函数(我认为它们都支持)，并使用本页中找到并详细描述的标准JavaScript浏览器检测对象。然后你可以有2个不同的页面:一个是兼容后退按钮的“好浏览器”页面，一个是告诉他们更新浏览器的“坏浏览器”页面
var fallbackUrl = "home.php";
if(history.back() === undefined)
window.location.href = fallbackUrl;
我使用了一点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>
