使用JavaScript顯示圖像

Question

我有一個圖像如下：
<img id="imgId" src="img/cart.png" style="display: none"/>
單擊按鈕時，它將調用JavaScript函數以顯示圖像

document.getElementById("imgId").style.display = "inline"

圖像顯示良好，但是當我從另一頁返回時卻沒有顯示。
我想要的是在顯示圖像后，即使我轉到另一頁並返回，該圖像仍會存在。
任何幫助表示贊賞。

Answer 1

您可以通過將圖像“狀態”保存在頁面的URL哈希中來實現。 （＃之后的東西）。

顯示圖像時，請按照以下步驟操作：

document.getElementById("imgId").style.display = "inline";
window.location.hash = "imgIdShown";

然后在pageload上運行這段小代碼。

if (window.location.hash == "imgIdShown")
{
    document.getElementById("imgId").style.display = "inline";
}

Answer 2

如果可能，將您的狀態保存在會話中。