HTML页面中DOM更新时机的奇怪问题

最近在开发中遇到一个奇怪的问题，这个问题的场景是比较简单的，在一个DOM节点中首先要显示的是一条“正在加载”的消息，然后从远程获取一些数据，并显示在此DOM中。在Firefox下面，“正在加载”的消息能够正常显示，之后从远程获取的数据也能正常显示出来；但是在IE和Safari上面，“正在加载”的消息不能显示出来，DOM节点的内容先是空白的，只有等远程的数据拿到之后，才有内容显示出来。

 

后来进过分析，认为可能的原因是获取远程数据时包含了同步调用，导致DOM节点的内容通过innerHTML设置“正在加载”这条消息的时候并没有更新显示。不过只有Firefox上面正常，也觉得挺奇怪的。

 

解决的办法是通过window.setTimeout(func, 0)来把获取数据的方法人为的押后，这样让浏览器可以有机会去即时更新DOM，并显示“正在加载”的消息。这样一修改之后，在Firefox，IE和Safari上面都没有问题了。