javascript - Internet Explorer，加载栏，5.57MB 页面

Question

我有一个有点独特的问题。有一个 Web 应用程序需要 5.57mbs 的加载。我想要一个 Loading Bar 或 Ajax Spinner 动画，这样他们就知道在大约 10-20 秒的加载时间内事情正在进展。大多数是图像，这里也有很多 JS。这里的问题是，Firefox 正确地线程化了所有内容，因此动画 gif 一直在旋转。动画。世界是快乐的。然而，IE 会加载微调器的前几帧，然后会提前停止，并且在站点完全加载之前它不会执行任何操作。它还将浏览器锁定在未缓存的负载上。然后它将在加载完成时显示页面，但是无论是缓存还是未缓存，微调器都会在第一帧停止。 (缓存加载只有约 2-3 秒)同样，它不会发生在 Firefox、Safari 或除 IE 之外的现代浏览器中。有没有办法很好地加载IE？研究还没有得出任何结论。

加载程序代码(按请求):请注意，由于代码库庞大，很难解释，但这似乎捕获了困境。

<script type="text/javascript">
    function show_main_gui() {
        dojo.byId("splashloader").style.visibility = "hidden";
    }
    function init(){
     show_main_gui();
    }
    dojo.addOnLoad(init);
</script>
<style type="text/css">
#splashloader {
 position:absolute;
 z-index:999;
 width:800px;
 visibility:visible;
 height:600px;
 background:#fff;
 text-align:center;
 color:#1E4FD9;
}
</style>

<table id="splashloader"><tr><td><img src="images/interface/splashloader.gif"><span class="loader"> Loading...</span></td></tr></table>

表格...因为在所有浏览器中更容易垂直对齐。

IE 8 和 7 仍然坚持加载 gif 动画卡住。如果我将微调器更改为在加载后显示，动画就会动画化。我尝试取出除此之外的所有 JavaScript 调用，并加载到缓存中，但在 1-2 秒加载期间它仍然只显示 IE 中的前几帧。

Answer 1

尝试将此图片放在 iframe 中。这就是 gmail 开发人员在以前的版本中使用红色“正在加载...”标签所做的事情