为什么Internet Explorer（或Chrome）不显示我的“正在加载...” gif，而Firefox却显示？

Question

我有一个页面会触发几个xmlHttp请求（同步，纯香草javascript，我很乐意使用jquery，感谢您提到）。

我基于启动/停止相关的javascript函数来隐藏/显示带有加载图像的div（有时我嵌套了一系列3个xmlhttp请求生成函数）。

div = document.getElementById("loadingdiv");
if(div) {
    if(stillLoading) {
        div.style.visibility='visible';
        div.style.display='';

    } else {
        div.style.visibility='hidden';
        div.style.display='none';
    }
}

在Firefox中，这似乎工作正常。 div显示并显示所需处理的gif。 在IE / Chrome中，我没有得到任何反馈。 我只能通过使用上面的代码将alert（）方法放在适当的位置来证明div / image甚至可以显示，这将停止该过程，并且似乎为有问题的浏览器提供了呈现dom变化所需的窗口。

我希望IE / Chrome能够像在Firefox中一样工作。 是什么赋予了？

Answer 1

如果xmlhttprequests不是异步的，则您会发现IE至少不会重写UI，直到它们完成为止（尽管未在Chome中进行测试），但我遇到了与非异步$ .ajax jquery请求相同的问题。

Answer 2

我知道您不是在问jQuery，但您可能会考虑使用jQuery显示/隐藏div，以便更轻松地跨浏览器兼容。

http://api.jquery.com/show/

http://api.jquery.com/hide/

这是一个有用的教程：

http://www.learningjquery.com/2006/09/slicker-show-and-hide