当页面加载时,图像加载的可见性值是否设置为隐藏？

Question

我是javascript的新手.我想知道装载是如何工作的.假设在我的html页面中我有一个可见性被设置为隐藏的图像.我有一个按钮,点击时使用javascript将图像的可见性属性设置为visbile.加载页面时,图像会加载,或者在单击按钮时加载图像.
同样我想知道display值设置为none的display属性.
提前致谢.

Answer 1

在这两种情况下,都会加载图像(无论您是否因为可见性或显示而看到图像).可见性和显示之间的差异基本上是元素在页面中占据的"空间".通过可见性,元素即使被隐藏也会保留该空间.通过显示元素将不会保留空间,其他元素将能够占据该空间.

如果您不希望加载图像并且只想在按下按钮时开始加载,那么一个很好的技巧就是将IMG src属性设置为"data:"或"about:blank"并且然后在按钮点击上更改它.这样你就会"欺骗"浏览器,它不会在页面加载时加载图像.

希望这可以帮助

Answer 2

当页面加载时，图像将被加载并被隐藏。在您的按钮中单击其样式属性，显示表示可见。

如果设置样式，display:none;它将被隐藏；