Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/swift/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检查history.back()是否无法导航_Javascript - Fatal编程技术网

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

Javascript 检查history.back()是否无法导航,javascript,Javascript,我有一个定制的后退按钮 <button type="button" class="back">back</button> 当没有返回选项时,我想隐藏“返回”按钮。如何检查历史记录中是否没有上一页?使用window.history.length获取浏览器历史记录堆栈中的条目数。如果它等于1(当前页面),则无法返回。检查历史记录长度: var x = history.length; 如果长度为1,则可以隐藏按钮 注意:该属性至少返回1,因为列表包含当前加载的页面是,您只需

我有一个定制的后退按钮

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

当没有返回选项时,我想隐藏“返回”按钮。如何检查历史记录中是否没有上一页?

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

检查历史记录长度:

var x = history.length;
如果长度为1,则可以隐藏按钮


注意:该属性至少返回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
   }
}
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
   }
}