### 1.1 为什么要学JavaScript？ 想象一下，当你打开一个网站：点击按钮弹出提示框、滚动页面时导航栏变色、填写表单时实时显示输入错误...这些让网页“活起来”的交互效果，背后都是JavaScript在工作。 #### 用3个例子直观感受JavaScript的魔力 **1. 网页弹窗提示** 当你访问网站时突然弹出欢迎消息，或者操作出错时显示提示框，这些都是最基础的JavaScript应用： > 效果描述：打开页面后自动弹出"欢迎来到我的网站！"的提示框，点击确定后才能继续浏览。 **2. 点击按钮变色** 静态网页的按钮永远是一个颜色，而JavaScript能让按钮“有反应”： > 效果描述：页面上有一个蓝色按钮，点击后按钮立即变成红色，再点击又变回蓝色，就像开关一样有交互反馈。 **3. 表单实时验证** 注册账号时，还没点击提交就能知道邮箱格式是否正确、密码是否符合要求，这就是实时验证： > 效果描述：在注册表单中输入邮箱，当输入格式错误时（如缺少@符号），输入框下方立即显示红色提示文字“请输入正确的邮箱格式”，输入正确后提示自动消失。 #### 前端三巨头（HTML/CSS/JS）的分工 如果把网页比作一座房子： - **HTML** 是房子的结构：墙壁、门窗、房间布局，定义了“有什么” - **CSS** 是房子的装修：墙面颜色、家具风格、灯光效果，决定了“长什么样” - **JavaScript** 是房子的电器和智能系统：电灯开关、空调控制、自动门，实现了“能做什么” 三者缺一不可，但JavaScript是让网页从“静态展示”变成“动态交互”的关键。没有JavaScript，网页就像一本精美的杂志——只能看，不能用。 > 编程金句：学习编程就像学开车，重要的不是记住每一个按钮的位置，而是理解如何让机器按照你的想法行动。