检查 history.back() 是否无法导航

Question

>我有一个自定义的后退按钮

<button type="button" class="back">back</button>

我在按钮上有一个事件侦听器，单击时调用 history.back(( 返回上一页。

var backbtn = document.querySelector(".back");
backbtn.addEventListener("click", goBack);
function goBack(){
history.back();
// i need to check if there is no option to go back
}

当没有返回选项时，我想隐藏后退按钮。如何检查历史记录中是否没有上一页？

Answer 1

是的，您可以通过简单地检查window.history.length来获取导航历史记录的计数。

以下是更新的代码：

var backbtn = document.querySelector(".back");
backbtn.addEventListener("click", goBack);
function goBack(){
if(history.length>1)
{
history.back();
// i need to check if there is no option to go back
}
}

Answer 2

使用window.history.length获取浏览器历史记录堆栈中的条目数。如果它等于 1(当前页面(，则无法返回。

Answer 3

检查历史记录长度：

var x = history.length;

如果长度为 1，则可以隐藏按钮。

注意：该属性至少返回 1，因为列表包含当前加载的页面