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

时间:2017-06-04 14:28:13

标签: javascript

为什么JavaScript中的提示对话框在之前编写的代码之前运行? 例如 在我看来,在这段代码中," main-heading"应该首先显示然后循环,并且只在那个提示对话之后?

<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>

1 个答案:

答案 0 :(得分:1)

body标签尚未关闭,因此无法渲染/绘制。 您可能希望等待加载内容,方法是将代码添加到回调中,该回调在呈现html之后运行。使用jQuery,使用jQuery ready非常容易实现:

docker run -ti --rm golang echo $GOPATH