Question

我不确定这是错误还是错误......

我在页面顶部使用AJAX Loader，因为该页面有几个大文件，我希望用户知道页面何时完成加载。我已经在主流浏览器中对此进行了测试，只有opera显示了加载器。其余它从未显示我可以告诉内容没有完成加载。为什么这个装载机没有显示？

代码：

HTML （这是页面中的第一项）

<div id="loading">
    <h2 class="textcenter"><span style="font-family:'Comic Sans MS', cursive;">LOADING</span><img class="center" style="width:128px" src="/messages4u/2011/images/preloader.gif" width="128" height="128" alt="Pre-Loader Animation" /></h2>
  </div>

JS （这是页面上的最后一个元素）

<script type="text/javascript">
document.getElementById("loading").style.display = "none";
</script>

Answer 1

使用窗口的onload-event（在所有资源加载完毕后触发），否则一旦解析了脚本，加载器就会被隐藏。

<script type="text/javascript">
window.onload=function()
{
document.getElementById("loading").style.display = "none";
}
</script>

AJAX Loader没有显示？

1 个答案: