Javascript 加载消息

搜索js脚本，该脚本将显示一些消息（如“正在加载，请稍候”），直到页面加载所有图像

重要提示-它不能使用任何js框架（jquery、mootools等），必须是普通的js脚本

---

加载页面时，消息必须消失。

您应该对图像执行异步ajax请求，并在完成后添加回调。
下面是一些代码来说明这一点：

var R = new XMLHttpRequest();
R.onreadystatechange = function() {
  if (R.readyState == 4) {
    // Do something with R.responseXML/Text ...
    stopWaiting();
  }
};

---

是的，一个老派的问题！ 这要追溯到我们以前预加载图像的那些日子

无论如何，这里有一些代码。魔法是document.images集合（图像对象）上的“complete”属性

//设置计时器，如果需要，将200调整为其他毫秒
var _timer=setInterval（“imgloaded（）”，200）；
函数imgloaded（）{
//假设它们都装了
var-loaded=true；
//测试所有图像的“完整”属性
对于（var i=0，len=document.images.length；i

当然，这假设您在某个地方抛出了一些DIV：

<div id="msg">Loading...</div>

正在加载。。。

理论上，您可以在运行检查是否已加载所有图像的函数的每个图像对象上都有一个onload事件。这样，您就不需要setTimeOut（）。但是，如果图像未加载，则此操作将失败，因此您还必须考虑一个错误。

只需向页面添加一个静态

，通知用户页面正在加载。然后添加

window.onload

处理程序并删除div

---

顺便问一下，这是什么原因？用户的浏览器中难道没有页面加载指示器吗？

他不需要ajax请求。无论如何，回调只会显示请求已完成，而不会显示图像已加载。您需要观察图像加载事件。@Pawka:图像加载后请求不会完成吗？如果我想对页面上的所有元素而不仅仅是图像执行此操作，该怎么办？谢谢Jeff，但间隔不是最好的解决方案，我希望它必须位于jQuery上的“$（document）.ready”之类的位置。将来，Mike，不要开始提问“我需要…”这是一个学习的地方，不是免费的；）我的英语不好，也许你不理解我。我希望“需要”的意思不是“想要免费”，但它似乎是另一个意思：）

<div id="msg">Loading...</div>