只有在使用AJAX的Internet Explorer中使用alert（）时，Javascript才会更新UI

Question

我在Internet Explorer中遇到问题，它适用于Firefox。

我有一个java脚本函数，用于更新在AJAX函数之前调用的UI（屏幕内容）。但在使用警报框提示之前，它不会更新UI。没有警报框，它不会在AJAX功能之前更新UI。即使在AJAX函数之前调用它，它也会在AJAX函数之后更新UI

如果我使用下面的代码，UpdateUI（）在AJAX函数调用之前根本不更新UI，它在AJAX函数调用之后更新UI。我希望它在AJAX函数调用之前更新UI（实际上我在AJAX调用之前显示加载栏）

UpdateUI(); // java script function, it just updates inner HTML of a DIV

// AJAX function call here with Async = false

但如果我使用以下代码，UpdateUI（）会在AJAX函数调用之前更新UI，但此方法包含警报提示。我不想使用警报

UpdateUI(); // java script function, it just updates inner HTML of a DIV

alert('hellow');

// AJAX function call here with Async = false

它在Firefox中运行良好，但在Internet Explorer 8中运行不正确

Answer 1

当存在活动的JS线程时，浏览器通常不会重排（刷新）UI。在执行重排之前，它会等待从ts事件队列中刷新所有事件。可以把它想象成一个单一的线程循环，浏览器必须在其中执行所有事件。

在某些情况下，Reflow通常获得最低优先级，但是您可以通过请求DOM元素（如getComputedStyle或offsetX / y等）上的某些属性来强制浏览器重排。基本上任何要求浏览器布局UI以响应的请求都将进行回流。

This是我在遇到类似问题时发现的最好的文章。

我可以建议的最简单，最简单的技巧是将代码分成两个方法，并在0mills之后调用需要在超时中进行事先重排的方法。这使浏览器在调用method2之前有一些喘息的机会来执行重排。这与您尝试并发现有效的alert（）技巧完全相同。