Question

我使用了两个导航按钮Go Back和Go Previous但是如果没有上一个或后一个历史记录则如何隐藏

<img style="width: 150px;" onclick="history.go(-1);" src="go-back-button2.png"/>

<img style="width: 150px;" onclick="history.go(+1);" src="go-back-button1.png"/>

Answer 1

检测是否只有一个项目，然后隐藏或灰显元素：

 <!DOCTYPE html>
<html>
<body>
    <img id="back" style="width: 150px;" onclick="history.go(-1);" src="go-back-button2.png"/>

<img style="width: 150px;" onclick="history.go(+1);" src="go-back-button1.png"/>
<script>
    if(history.length===1){
    document.getElementById('back').style.display='none';};
</script>
</body>
</html>

Answer 2

只需使用history.lenght： //在按钮上添加ID

if (history.length > 1){
 //hide button based on id
}

如果没有历史记录onclick =“history.go（-1）;如何隐藏图像或按钮？

2 个答案: