从 setInterval 回调调用时，如何确保在弹出“警报”之前呈现 HTML 内容？

Question

更新：

请看this。

我认为这与window.load 的东西没有任何关系。它看起来像 setInterval 和 alert 问题。我想找到一个有固定原因的最佳数字，而不是靠运气。

$('body').text('5');
alert('ok1');



$('body').text('6');
setTimeout(function(){
alert('ok2');

},0)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

如何确保 HTML 页面在alert 弹出之前呈现？

Answer 1

您需要将代码放入相关的事件侦听器中，DOMContentLoaded 或 load：

• DOMContentLoaded - 表示浏览器已完全加载 HTML，并且 DOM 树已构建，但图片和样式表等外部资源可能尚未加载
• load – 不仅加载了 HTML，还加载了所有外部资源（图像、样式等）

对于load（更一般的）事件，你的监听器看起来像这样：

window.addEventListener('load', function(event) {
  alert('ok1');
  // rest of your code
});