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

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

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


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

浏览器只会在每个页面加载时加载相同的图像一次，除非您使用积极的反缓存标头（我看不出您为什么要在每个页面加载）。

您可以通过检查网络选项卡来亲自查看这一点Firebug http://getfirebug.com/。编写一个循环并观察网络选项卡。

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