在firefox中运行此代码段时,您将首先看到loading...
消息,然后隐藏该消息
var messageDiv = document.querySelector('#message');
messageDiv.classList.remove('hide');
messageDiv.classList.add('show');
var oReq = new XMLHttpRequest();
oReq.open("GET", "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.2/angular.js", false);
oReq.send();
messageDiv.classList.remove('show');
messageDiv.classList.add('hide');
.hide {
display: none;
}
.show {
display: block;
}
<div id="message" class="hide">Loading</div>
但是在chrome / safari / ie / edge中,loading...
消息始终隐藏。
因此,如果无法将XMLHttpRequest更改为异步,如何控制其他浏览器执行与firefox相同的行为?