javascript - 我想为非 ajax 调用显示预加载器并在加载资源后隐藏预加载器？

Question

我正在请求一个包含图像和声音文件的 html5 网页。加载所有图像和声音文件后，我想使用样式属性隐藏预加载器。我如何知道为网页请求加载的最后一个资源，以便隐藏预加载器？注意：这是我的情况，我不使用任何 ajax 调用它是一个正常的网页请求。

Answer 1

我如何知道为网页请求加载的最后一个资源，以便隐藏预加载器？

load当所有文件从所有资源（包括广告和图像）完成加载时触发该事件。来自 IE9测试驱动器的此链接 ( http://ie.microsoft.com/testdrive/HTML5/DOMContentLoaded/Default.htmlload ) 演示了事件和DOMContentLoaded事件之间的差异（IE8 不支持）。

结果：

1. 当页面开始加载时，您必须为load事件注册事件处理程序并显示预加载器消息。
2. 当load事件发生时，浏览器执行您的加载事件处理程序，您可以在其中隐藏预加载器消息。

Answer 2

好吧，您实际上无法访问图像和声音文件的“加载状态”。但是，如果加载了组件，浏览器会触发 onLoad 事件。这甚至适用于图像（可能还有声音文件）。请参阅http://www.htmlcodetutorial.com/images/_IMG_onLoad.html。$(document).ready(...)如果您使用 jQuery，您也可以使用（用于您的 html 页面）。