当页面加载时，是否会为可见性值设置为隐藏的图像加载？
我是javascript的新手。我想知道加载是如何工作的。假设在我的html页面中有一个图像，它的可见性被设置为隐藏。我有一个按钮，该按钮在单击时使用javascript将图像的可见性属性设置为可视。当页面加载时，将加载图像还是在单击按钮时加载图像。
类似地，我想知道值被设置为none的显示属性。
提前谢谢。
回答 5
Stack Overflow用户
发布于 2013-09-12 14:48:04
在这两种情况下，图像都将被加载为(无论您是否可以看到图像，因为可见性或显示)。可见性和显示之间的区别基本上在于元素将在页面中占据的“空间”。有了可见性，元素将保留该空间，即使它是隐藏的。有了display，元素将不会保留空间，其他元素将能够占据该空间。
如果您不想加载图像，并且只想在按钮被按下时才开始加载，那么一个很好的技巧是将IMG src属性设置为"data:“或"about:blank”，然后在单击按钮时更改它。这样，您将“欺骗”浏览器，并且它不会在页面加载时加载图像。
希望这能有所帮助
Stack Overflow用户
发布于 2013-09-12 14:45:11
当页面加载时，图像将被加载并被隐藏。在您的按钮中，单击其style属性变为show means visible。
如果你设置样式为display:none;，它将被隐藏；
Stack Overflow用户
发布于 2013-09-12 14:52:05
只要img标记在DOM中，它就会加载资源；CSS将确定它是否实际显示。无论你使用的是visibility: hidden;还是display:none;都不会影响到这一点。
主要区别在于图像是否会占用页面上的任何空间；设置为display: none;的元素根本不会呈现，而设置为visibility: hidden;的元素仍将占用其box模型设置的空间。
你可以在这里看到这一点：http://jsfiddle.net/d8NrK/
https://stackoverflow.com/questions/18757109
复制相似问题
腾讯云开发者
