使用JavaScript來顯示圖像

Question

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

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

的圖像顯示良好，但當我從另一個頁面返回時，它不會顯示。
我想要的是在顯示圖像後，即使我轉到另一個頁面並返回，它仍會存在。
任何幫助表示讚賞。

Answer 1

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

Answer 2

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

當顯示圖像，像這樣做：

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

而且在頁面加載運行此一小段代碼。

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