给所有人的极简版

5 分钟认识 JavaScript：
不求学会，只求认得

JavaScript（简称 JS）是一种让网页“动起来、会反应”的语言。它不等同于网页本身（HTML）或样式（CSS），而是负责与人互动、响应点击、发请求、播放动画等。

一句话：JS 是网页的“行为和逻辑”。
你需要做到：见到 JS 代码，能认出来它是 JS。
典型的 JavaScript 代码长这样 
// 这是一段 JavaScript
const button = document.querySelector('#hello');
button.addEventListener('click', () => {
  alert('你好，这就是 JavaScript 在响应你的点击！');
});

JS 是什么？

一种编程语言，最常用来给网页添加交互功能，也能用在服务器、桌面应用、手机 App、甚至硬件上。

它不是什么？

不是网页内容（HTML）也不是样式（CSS）。三者常一起出现：HTML 放结构、CSS 管外观、JS 处理交互。

为什么常见？

因为所有主流浏览器都支持，访问网站时无需安装就能运行。

你在这些地方见过它

  • 网页上的弹窗、轮播图、下拉菜单
  • 点击“点赞”“收藏”的即时反馈
  • 网页无需刷新就更新数据（如聊天、股票）

常见文件/片段

  • .js 结尾的文件，如 app.js
  • 网页里 <script>...</script> 的内容
  • 浏览器控制台里输入的代码

安全常识

  • 不要轻易在不信任的网站输入敏感信息
  • 浏览器会限制危险操作，保持更新即可

如何“一眼认出”是 JavaScript？

  • 有大量 ()、{}、;、// 注释
  • 关键字：function、const、let、if、return
  • 常见对象：window、document、console
  • 箭头函数：() => { ... }
看到 <script> 标签包裹的代码，十有八九就是 JS。
再看两个典型片段 
// 在控制台输出一行文字
console.log('Hello, JavaScript');

// 简单的条件与函数
function isAdult(age){
  if (age >= 18) return true;
  return false;
}

// 获取页面元素并修改文字
const title = document.querySelector('h1');
title.textContent = '我们刚刚用 JS 改了这句标题';

马上体验（在你浏览器里运行）

点下面的按钮，观察页面变化或打开控制台（电脑上按 F12 或 Ctrl/⌘+Shift+I，切到“Console”）。

如果你看到 console.log(...) 或页面内容被瞬间改了，那就是 JS 在工作。
JS、HTML、CSS 的角色分工
<!-- HTML：骨架与内容 -->
<button id="buy">购买</button>

/* CSS：外观与排版 */
#buy { background: #22c55e; color: white; border-radius: 10px; }

// JavaScript：行为与交互
const buy = document.querySelector('#buy');
buy.addEventListener('click', () => {
  alert('已加入购物车');
});

迷你词汇表

  • 变量（let/const）：用来装数据的“盒子”。
  • 函数（function）：可重复使用的小动作。
  • 事件（click）：用户的操作触发响应。
  • DOM：JS 与网页元素打交道的接口。

常见长相

  • () => { ... }（箭头函数）
  • document.querySelector(...)
  • console.log(...)
  • fetch('https://...')

不是 JS 的样子

  • <div>你好</div>（更像 HTML）
  • h1 { color: red }（更像 CSS）

下一步去哪看（大众友好）

当你在其他网站看到类似上面这些代码样子时，就能判断“这是 JavaScript”。想进一步了解，可搜索：

  • “JavaScript 基础 入门 教程”
  • “浏览器 控制台 使用 方法”
  • “JavaScript DOM 交互 示例”

不必记住所有细节；能认出、知道用途，已经很棒。

这页源代码在哪？

右键本页 → 查看页面源代码（或 Ctrl/⌘+U）。你会看到 <script> 标签里的 JS 片段。