-
bbianji8 用户
JavaScript 零基础入门完全教程：从浏览器弹窗到写出第一个网页交互
适用人群：没写过代码、或只学过一点 Python、想搞定网页交互/小程序前端的纯新手。 学完你能做到：看懂网页上的 JS 代码、用 JS 操作页面元素、写一个简单的计算器/待办清单、知道怎么继续进阶。
一、先搞清楚：JavaScript 到底是什么？
JavaScript（简称 JS）是运行在浏览器里的脚本语言。它和 Java 不是一回事（名字撞车而已，二者毫无关系）。
| 语言 | 干什么 | 运行在哪 |
|---|---|---|
| HTML | 网页的结构（标题、段落、按钮） | 浏览器 |
| CSS | 网页的样式（颜色、布局、动画） | 浏览器 |
| JavaScript | 网页的行为（点击、计算、请求数据） | 浏览器 + 服务器(Node) |
一句话记忆：HTML 是骨架，CSS 是皮囊，JS 是让骨架动起来的神经。
现在 JS 不仅能写网页，还能用 Node.js 写后端、用 React 写 App。但新手先把"网页里那段让按钮会动的代码"学明白就够了。
二、10 分钟跑通第一个 JS
不需要装任何软件，浏览器自带控制台。
- 打开任意网页，按
F12（Mac 按Option+Command+I）打开"开发者工具"。 - 切到 Console（控制台） 标签。
- 输入下面这行，回