为什么预装图像需要javascript？

Question

在this网站上，我找到了预加载图片内容的一些解释。

<SCRIPT LANGUAGE="JavaScript">
Image1= new Image(175,50)
Image1.src = "image1.gif"

Image2 = new Image(25,30)
Image2.src = "image2.gif"

Image3 = new Image(125,80)
Image3.src = "image3.gif"

</SCRIPT> 

有人可以解释一下，上面的代码与以下代码有什么区别：

<div style="display:none;">
<img id="Image1" src="image1.gif">
<img id="Image2" src="image2.gif">
<img id="Image3" src="image3.gif">
</div>

在这两种情况下，图像都会被缓存并准备好在页面上的某个位置使用。

为什么我们需要任何特殊的预加载js代码？

Answer 1

我能想到的一些好处：

• 循环，您只需要指定一次图像文件夹。
• 更好地控制何时需要预加载
• 清洁DOM