javascript - 图片在 iframe 中加载后未从缓存中加载

Question

我在 iframe 中加载图像，然后(在加载 iframe 后)在页面上加载图像。但是大多数浏览器似乎都加载了两次图像。 为什么 img 标签没有从缓存中加载？

像这样:

var loader = $('<iframe />').appendTo('body')[0];
loader.onload = function() {
    $('body').append('<img src="' + imgsrc + '" />');
};
loader.src = imgsrc;

http://jsfiddle.net/amirshim/na3UA/

我正在使用 fiddler2查看网络流量。

如果您想知道我为什么要这样做，请查看 this question

Answer 1

拥有 iframe 就像拥有一个单独的选项卡，它使用另一个浏览器实例，因此我认为它没有使用缓存。

如果你想要预加载图片，你可以在 javascript 中使用 new Image()