为什么已经加载在页面上的图像再次加载？

Question

我删除，并使用

$('.myImg').attr('src',imgURL); 

我想在加载事件与使用替代DOM中的一个图像的src。我期望只有在页面上尚未加载imgURL的情况下才会触发加载事件。

相反，有时会触发加载事件。我可以看到，在chrome网络选项卡中，图像以304未修改状态返回。

我知道如何解决这个问题，但我只是好奇这是否正常。

我想这句话的最佳方式是什么会导致浏览器尝试再次加载一个图像，已经加载到页面上一次？有一个缓存杀手，但它没有被更新，然后再次显示图像。

Answer 1

问题最终导致我在开发人员工具中检查了“diable cache”:-)

Answer 2

304不是某种“永不再负载这个！”的命令。这只是对客户端缓存系统的建议，不需要重新加载。基于它的内部算法，在不同的实现中自然会有所不同，它可能会选择加载资源。

Answer 3

使用

$(window).load(function() { 
    // run code 
}); 

功能尝试将DOM树和图形被加载，只有当被触发。