通过 10 个引导式动手实验学习浏览器端 JavaScript 的核心构件。你将在 HTML 页面中添加脚本、在浏览器中检查输出,并从值与控制流逐步进入页面内容修改和用户操作响应。
每个实验都用短编程步骤聚焦一个基础主题。课程适合作为第一次接触 JavaScript 与 DOM 的实操入门,为之后学习大型应用或现代 JavaScript 工具打下语法基础。
你将学到什么
完成本课程后,你将能够:
- 在 HTML 中嵌入 JavaScript、链接外部脚本,并通过 console 和 alert 输出内容。
- 使用
let声明变量,存储 string、number 和 boolean,并用typeof检查值。 - 构建算术与字符串表达式,并使用 increment 和 modulus operator。
- 使用
if、else if和else控制执行,并比较宽松相等与严格相等。 - 使用
for、while和do...while重复操作,并用break退出循环。 - 定义带 parameter 和 return value 的 function,并传入 argument 调用。
- 创建、访问、更新和遍历 array,并创建和修改 object property。
- 选择和更新 DOM element、创建和追加 element,并用 listener 与 event object 处理浏览器 event。
本课程适合谁
本课程适合完全没有 JavaScript 经验的初学者、准备为页面添加行为的 HTML 学习者,以及希望紧凑复习浏览器脚本基础的人。课程偏重逐步练习,而不是独立解题式挑战。
前置要求: 无需 JavaScript 经验。建议了解基础 HTML,因为脚本会嵌入页面,最后两个实验还会选择和修改 HTML element;你也应能编辑文本文件。
学习环境: 10 个引导实验均在配套 Ubuntu 22.04 WebIDE 中运行。你将编辑 HTML 和 JavaScript 文件,并刷新浏览器预览来观察 console 输出、alert、DOM 变化和 event;课程未要求外部账号或部署服务。
常见问题
这是浏览器 JavaScript 还是 Node.js?
是浏览器端 JavaScript。实验使用 HTML 页面、DOM、alert 和浏览器 event;不包含 Node.js、npm、服务端 API 或命令行 package 工具。
需要先会 HTML 吗?
不需要高级 HTML,但了解基础 element 与 attribute 会有帮助。第一个实验会创建 HTML 页面,DOM 和 event 实验则会操作页面 element。
有挑战或最终应用项目吗?
没有。课程清单只有 10 个引导实验,没有 challenge 或 capstone。你将分别练习基础知识,而不是组装完整生产应用。
课程会讲现代异步 JavaScript 或框架吗?
不会。Promise、async/await、fetch、module、class、testing、build tool、TypeScript,以及 React、Vue 等 framework 均不在所列范围内。





