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

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

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


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

来源

2010-07-27 anthonypliu

它会加载它至少一次，在每一页加载...这就是为什么预加载的图像是好的... – Reigel 2010-07-27 02:32:25

添加到亚历克斯的第一个答案：这就是为什么CSS精灵是坏驴 - 做你知道谷歌的pacman（http://www.google.com/pacman/）使用的所有图像都在一个图像中吗？（http://www.google.com/logos/pacman10-hp-sprite-2.png） – 2010-07-27 02:35:23

@Dan别忘了Stack Overflow也使用[sprites]（http://sstatic.net/stackoverflow/img/ sprites.png）。 – alex 2010-07-27 03:38:32

浏览器将每个页面加载加载相同的图像只有一次，除非你正在使用激进的反缓存头（我不明白了一个道理，为什么每次载入网页时你会）。

您可以通过检查Firebug中的净选项卡来查看。写一个循环，并观看净选项卡。

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

来源

2010-07-27 02:31:48 alex

它会加载它至少一次，在每个页面加载...这就是为什么图像的预加载是好的...

来源

2010-07-27 02:32:43 Reigel

这真的取决于浏览器如何处理资产负载。一般来说，浏览器只会加载一次图像，无论标记多少次。

您还可以使用jQuery和JavaScript来利用浏览器缓存（即保存用于预加载或将来使用的图像），这可以减少访问者的负担。检查出http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript

来源

2010-07-27 02:34:52 jakeisonline

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

回答

相关问题