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

How to preload an image on my page without blocking OnLoad event?

本文关键字:我的 图像 加载 情况下 事件 OnLoad      更新时间:2023-09-26

我希望我的页面发送图像请求,但我不关心图像何时完成下载。这个请求不应该阻止OnLoad事件的触发。

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

是否有一种方法可以在不阻塞OnLoad事件的情况下请求图像?我注意到在IE9中,如果我设置图像元素源,但不将其附加到DOM,那么浏览器会发出非阻塞请求(这实际上似乎是一个错误,因为我还没有将元素放入DOM中,一些推测下载在工作?)。但是,这在其他浏览器中表现不一样。

我也尝试在附加元素之前设置一个小超时,但没有帮助。

谢谢。

你有没有考虑过使用"DOMContentLoaded"代替onload?它被所有浏览器支持,并且已经在IE9中。

如果你的目标是旧版本的IE,你可以使用readyState属性。

我不能完全理解这里的要点,但无论如何,图像元素自己的DOM事件可能是有用的。