按下后浏览器按钮时隐藏jsp页面上的div

如何解决按下后浏览器按钮时隐藏jsp页面上的div

好吧，我有一个“jsp1”，其中包含一个带按钮的 div。按下 div 按钮后，它会将我带到下一个“jsp2”。但是，如果单击“后退”浏览器按钮，我需要隐藏“jsp1”上的 div 按钮并防止用户单击它，并尽可能显示其他已隐藏的 div。我如何不使用框架来实现这一点。

块“jsp1”：

<c:choose>
<c:when test = "${submissionButtonSwitch == 1}">
<div> <!-- div i want to show after -->
<h2>This bill has already been submitted,go back to carry out a new purchase</h2>
</div>
</c:when>
<c:otherwise>
<div class="buttonWrapper"> <!-- div I want to hide after -->
<input class="button" type = "submit" value = "SUBMIT">
</div>
</c:otherwise>
</c:choose>

如您所见，我试图通过 JSTL 服务器端操作获得我想要的结果，但过了一段时间我认为这与 JavaScript 的关系比其他任何事情都多。我很乐意接受任何建议，我是个初学者。

解决方法

只需添加加载事件来检查导航状态 performance.getEntriesByType("navigation")[0].type === "back_forward" 如果浏览器返回点击然后显示/隐藏组件：

window.addEventListener('load',function(){
    if(performance.getEntriesByType("navigation")[0].type === "back_forward"){
        // show hide components
    }
}