如何在不阻止OnLoad事件的情况下在我的页面上预加载图像？

Question

我希望我的页面发送图像请求，但我不关心图像下载完成后。此请求不应阻止OnLoad事件被触发。

如果我在页面加载之前使用内联javascript将此图像标记添加到页面中，那么浏览器似乎等到图像完成下载之后再触发OnLoad，这不是我想要的。

有没有办法在不阻止OnLoad事件的情况下发出图像请求？我注意到在IE9中如果我设置了图像元素源但是没有将它附加到DOM，那么浏览器会发出一个非阻塞请求（实际上这似乎是一个错误，因为我还没有将该元素放入DOM中，一些投机性下载工作？）。但是，这在其他浏览器中的行为并不相同。

我还尝试在添加元素之前设置一个小的超时，但这没有帮助。

感谢。

Answer 1

您是否考虑过使用“DOMContentLoaded”代替onload？它受到所有浏览器的支持，已经存在于IE9中。

如果您的目标是旧版IE，则可以使用readyState属性。

我无法理解这里的重点，但是任何机会，图像元素自己的DOM事件都可能有用。