javascript - 当页面加载图像时，它只加载一次，还是每次在标记中找到它时？

Question

当页面加载图像时，它是只加载一次，还是每次在标记中找到它时？ jquery 又如何，附加 img 会导致它再次重新加载吗？我问这个是因为我有高分辨率图像，但您需要在标记中的许多情况下使用它。

<img src="hello.jpg" />
<img src="hello.jpg" />
<img src="hello.jpg" />


var myimg = $('<img src="hello.jpg />');
$('img').append(myimg);

Answer 1

除非您使用积极的反缓存 header ，否则浏览器每次页面加载只会加载一次相同的图像(我看不出为什么每次页面加载都会加载)。

您可以通过检查 Firebug 中的网络选项卡亲眼看到这一点.编写一个循环并观察网络选项卡。

for (var i = 0; i < 10; i++) {
   var myimg = $('<img src="hello.jpg alt="" />');
   $('img').append(myimg);
}