使用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"; 
}