使用javascript来显示图像

Question

我的图像如下：
<img id="imgId" src="img/cart.png" style="display: none"/>
单击按钮时，它会调用JavaScript函数以显示图像

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

图像显示效果不错但从其他页面返回时不会显示 我想要的是在显示图像后，即使我转到另一页并返回，它仍然会在那里 任何帮助都表示赞赏。

Answer 1

您可以通过在页面的URL哈希中保存图像“state”来实现。 （＃之后的事情。）

显示图像时，请执行以下操作：

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

在页面加载中，你运行这段代码。

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

Answer 2

如果可能，请将您的州保存在会话中。