1.3 写第一行JavaScript代码

1.3 写第一行JavaScript代码

在HTML里嵌入JS

最简单的方式是使用标签直接在HTML文件中编写JavaScript代码。你不需要额外引入外部文件，只需将代码放在和“标签之间即可：

<title>我的第一个JS程序</title>

<h1>欢迎学习JavaScript</h1>

    <!-- 这里是JavaScript代码 -->

        // JavaScript代码写在这里

第一个程序：弹出”你好，JS！”

让我们编写第一个JavaScript程序，它会在网页加载时弹出一个对话框显示”你好，JS！”：

    alert("你好，JS！");

运行步骤：

1. 将上面的代码添加到你的HTML文件中
2. 用浏览器打开该HTML文件
3. 你会看到一个弹出窗口显示”你好，JS！”

第二个程序：在浏览器控制台打印内容

除了弹出窗口，我们还可以在浏览器的开发者控制台输出内容。这是开发时常用的调试方法：

    console.log("我在控制台哦");

如何打开Chrome控制台：

• 方法一：按下F12键
• 方法二：按下Ctrl+Shift+I(Windows/Linux)或Cmd+Opt+I(Mac)
• 方法三：右键点击网页 → 选择”检查” → 切换到”控制台”(Console)标签

打开控制台后，你会看到我们用console.log输出的文字”我在控制台哦”。

动手练：改一改文字，看看效果变化

现在轮到你动手了！试着修改上面代码中的文字，看看会发生什么：

1. 将alert("你好，JS！")中的文字改成你自己的名字，比如alert("你好，小明！")
2. 将console.log("我在控制台哦")中的文字改成你喜欢的句子
3. 保存文件后在浏览器中刷新，观察变化

这个小练习能让你直观感受到：代码是可以被你控制的！你输入什么，程序就会按照你的指令执行什么。

> 编程金句：写代码就像学习一门新语言，最重要的不是记住每一个单词，而是敢于开口说（写）出来。