按下后退瀏覽器按鈕時隱藏 jsp 頁面上的 div

Question

好吧，我有一個“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 的關系比其他任何事情都多。 我很樂意接受任何建議，我是這方面的初學者。

Answer 1

只需添加加載事件來檢查導航狀態performance.getEntriesByType("navigation")[0].type === "back_forward"如果瀏覽器返回點擊然后顯示/隱藏組件：

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