javascript - JavaScript 中的提示对话框在之前编写的代码之前运行

Question

这个问题已经有答案了:

Why does JavaScript dialog boxes (alert, confirm) stop page redrawing? (1 个回答)

已关闭 6 年前。

为什么 JavaScript 中的提示对话框会先于之前编写的代码运行？例如在我看来，在这段代码中，“主标题”应该首先显示，然后是 for 循环，并且只有在提示对话之后才显示？

<h1 id="main-heading">Hello World!!!</h1>
<script>
  var friends= ["Olya", "Dima", "Dan", "Dennis", "Sasha" ];
  for ( var r= 0, rmax= friends.length; r < rmax; r++ ) {
    $("body").append("<p>" + friends[r] + "</p>");  
    console.log('friends[r]', friends[r]);
  }         
  var newHeading= prompt("Enter NEW Heading");
  $("#main-heading").text(newHeading);
</script>

Answer 1

body标签尚未关闭，因此无法渲染/绘制。您可能希望通过将代码添加到回调中来等待加载内容，该回调在 html 呈现后运行。有了 jQuery，使用 jQuery ready 就可以轻松完成。 :

$(function(){
    //Everything is loaded, let's manipulate the body
});