在页面加载时显示临时图像

时间:2009-06-29 10:04:51

标签: javascript html

我开发了一个网页,因为我从网页中删除了数据,因此加载需要一些时间。

但在那个时候,空白页面将在后台显示。我需要显示一个替代图像,直到页面加载。帮我这样做提前谢谢

3 个答案:

答案 0 :(得分:3)

一个简单而巧妙的解决方案是在div中使用动画gif,它覆盖整个页面并且位于其他所有页面之上,然后在加载完成时只需隐藏该图层。

这不需要Ajax,并且自IE4(我第一次使用它)时起就已经有效了

答案 1 :(得分:0)

如果您使用的是jquery ajax,则可以使用。ajaxStart和。ajaxComplete事件来显示您想要的内容

$("#loading").ajaxStart(function(){
    $(this).show();
});


$("#msg").ajaxComplete(function(event,request, settings){
    $(this).append("Request Complete.");
});

答案 2 :(得分:0)

试试这个;

  1. 您需要一个包含加载图像的命名div,并将显示设置为无。
  2. 创建一个.js文件,并从需要加载器的每个页面引用它。
  3. 在JS中,调用一个方法将div的可见性设置为阻塞(如果你愿意,可以将它放在setTimeout调用中,这样只有在页面加载时间超过几秒时才会触发)。
  4. 添加一个window.onload事件,将div的显示模式设置为none。
  5. 唯一的依赖是,如果您希望大部分加载时间位于服务器端,则需要确保响应缓冲允许页面在服务器处理完成之前开始加载。无论哪种方式,对于因网络延迟而需要一段时间才能加载的页面,这是一个方便的脚本,只需确保.js嵌入在头部。