第一个 JS 程序-熊猫会飞

按照 “从 HTML 到 JS 执行” 的最基础流程，我们一步步来实现第一个 JS 程序，核心体现 “从上到下执行” 的特点：

第一步：创建一个 HTML 网页

JS 不能独立运行，必须依赖网页（HTML）作为载体。先创建一个最基础的 HTML 文件：

新建一个文本文件（用 VS Code 等工具）
写入以下 HTML 基础结构：

<!DOCTYPE html>
<html>
<head>
  <title>我的第一个JS页面</title>
</head>
<body>
  <!-- 这里之后会放JS代码 -->
</body>
</html>

保存文件，命名为first-js.html（注意后缀必须是.html）

第二步：添加`<script>`标签

<script>标签相当于JS 代码的“容器”。浏览器会把<script>标签里的内容当作 JS 代码执行，所以需要在 HTML 里插入这个标签：

在<body>标签内添加<script>，如下：

<!DOCTYPE html>
<html>
<head>
  <title>我的第一个JS页面</title>
</head>
<body>
  <!-- JS代码放在<script>标签里 -->
  <script>
    // 这里写JS代码
  </script>
</body>
</html>

第三步：用`alert()`写第一个 JS 代码（体现 “从上到下执行”）

alert()是 JS 最基础的函数，作用是弹出一个提示框。我们写两行alert()，观察执行顺序：

修改<script>里的内容：

<!DOCTYPE html>
<html>
<head>
  <title>我的第一个JS页面</title>
</head>
<body>
  <script>
    // 第一行代码：弹出"第一步"
    alert("第一步：执行第一个alert");
    
    // 第二行代码：弹出"第二步"
    alert("第二步：执行第二个alert");
  </script>
</body>
</html>