在html页面加载和渲染期间显示一个throbber

时间:2008-12-10 19:40:10

标签: html rendering throbber

我有一个缓慢呈现的页面。穿越网络的旅行很快。页面的初始加载速度很快。您实际上可以看到(如果您的机器足够慢),html组件的初始布局。然后一些javascript的东西运行,使这些组件中的一些都是ajaxy。然后最终css得到应用。

我无法对javascript做任何事情做任何事情,这会让所有事情变得越来越慢。所以我需要一个悸动来告诉用户举起,浏览器正常工作。有没有办法陷阱浏览器完成渲染事件?甚至有这样的事件吗?还有另一种方法吗?

3 个答案:

答案 0 :(得分:2)

在代码运行之前显示throbber并在之后隐藏它。

使用JQuery:

$("#throbber").show();
/* Your AJAX calls */
$("#throbber").hide();

答案 1 :(得分:2)

在调用所有Ajax之前检查DOM何时就绪。

使用Prototype

document.observe("dom:loaded", function() {
  //your code
});

使用jQuery

$(document).ready(function() {
      //your code
});

答案 2 :(得分:0)

免费获取贴纸的机会↓↓↓
豫ICP备18024241号-1