时间戳

首页 > 解决方案 > 为什么我的警报显示在我的内容之前？

javascript - 为什么我的警报显示在我的内容之前？

问题描述

我正在尝试熟悉 JavaScript 以及它如何与网页交互，所以我在下面模拟了一些东西：

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
   <title>Example Page</title>
  </head>
  <body>
    <p>This is paragraph 1</p>
    <script>
      alert("First Script Block")
    </script>

    <p>This is paragraph 2</p>
    <script>
      alert("Second Script Block")
    </script>

    <p>This is paragraph 3</p>
    <script>
      alert("Third Script Block")
    </script>
  </body>
</html>

代码笔

上面定义的 HTML 源代码包含多个显示简单警报的脚本标记。据我了解，HTML 是以自上而下的方式解析的，因此每个脚本元素都应该在其关联的段落元素之后被命中。但这似乎并非如此，而是在页面上的段落内容更新之前似乎遇到了触发警报的脚本，即在显示“这是第 1 段”之前收到“第一个脚本块”警报在页面上。我想到的预期行为是首先显示“这是第 1 段”，然后弹出警报“第一个脚本块”。

有人可以在这里解释我理解的缺点吗？

标签： javascripthtml

解决方案

推荐阅读