1.3 写第一行JavaScript代码

1.3 写第一行JavaScript代码

· 2026年03月16日 · JavaScript

点击向下滚动

1.3 写第一行JavaScript代码

### 1.3 写第一行JavaScript代码 #### 在HTML里嵌入JS 最简单的方式是使用``标签直接在HTML文件中编写JavaScript代码。你不需要额外引入外部文件,只需将代码放在``和``标签之间即可: ```html 我的第一个JS程序

欢迎学习JavaScript

// JavaScript代码写在这里 ``` #### 第一个程序:弹出"你好,JS!" 让我们编写第一个JavaScript程序,它会在网页加载时弹出一个对话框显示"你好,JS!": ```html alert("你好,JS!"); ``` **运行步骤**: 1. 将上面的代码添加到你的HTML文件中 2. 用浏览器打开该HTML文件 3. 你会看到一个弹出窗口显示"你好,JS!" #### 第二个程序:在浏览器控制台打印内容 除了弹出窗口,我们还可以在浏览器的开发者控制台输出内容。这是开发时常用的调试方法: ```html console.log("我在控制台哦"); ``` **如何打开Chrome控制台**: - 方法一:按下`F12`键 - 方法二:按下`Ctrl+Shift+I`(Windows/Linux)或`Cmd+Opt+I`(Mac) - 方法三:右键点击网页 → 选择"检查" → 切换到"控制台"(Console)标签 打开控制台后,你会看到我们用`console.log`输出的文字"我在控制台哦"。 #### 动手练:改一改文字,看看效果变化 现在轮到你动手了!试着修改上面代码中的文字,看看会发生什么: 1. 将`alert("你好,JS!")`中的文字改成你自己的名字,比如`alert("你好,小明!")` 2. 将`console.log("我在控制台哦")`中的文字改成你喜欢的句子 3. 保存文件后在浏览器中刷新,观察变化 这个小练习能让你直观感受到:**代码是可以被你控制的**!你输入什么,程序就会按照你的指令执行什么。 > **编程金句**:写代码就像学习一门新语言,最重要的不是记住每一个单词,而是敢于开口说(写)出来。
1 分钟阅读 44 字
×

微信扫一扫分享

微信分享二维码

打开微信扫一扫,分享文章给朋友

如果文章对您有帮助,欢迎支持作者继续创作

×

扫码打赏

imadmin
imadmin
专注于前端开发,分享技术心得和项目经验。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注