Javascript 我想为非ajax调用显示预加载程序，并在加载资源后隐藏预加载程序？

我要求一个html5网页，它包含图像和声音文件。加载所有图像和声音文件后，我想使用style属性隐藏预加载程序。如何知道为网页请求加载的最后一个资源，以便隐藏预加载程序？

---

注意：这是我的情况，我不使用任何ajax调用。这是一个普通的网页请求。

好吧，您实际上没有访问图像和声音文件的“加载状态”的权限。但是，如果加载了组件，浏览器将触发onLoad事件。这甚至适用于图像（和mayby声音文件）。看见如果使用jQuery，也可以使用

$（document）.ready（…）

（用于html页面）

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

从所有资源（包括广告和图像）加载完所有文件后，将触发

load

事件。来自IE9 testdrive的此链接（）演示了

load

事件和

DOMContentLoaded

事件（IE8-）之间的区别

因此：

当页面开始加载时，必须为

load

事件注册事件处理程序并显示预加载程序消息

当

load

事件发生时，浏览器将执行加载事件处理程序，您可以在其中隐藏预加载程序消息

---

如果您使用的是jQuery，您可以将代码包装在

$（窗口）中。加载
，而不是
$（文档）。准备好了
这是一个很好的示例。我修改过，用得很好