JavaScript是浏览器中唯一能直接响应用户操作、修改页面内容、发起网络请求的语言;首行代码可在浏览器Console中直接执行console.log(),无需环境配置,且必须理解其运行于浏览器上下文。

JavaScript 不是“一种需要先学完 HTML 和 CSS 才能碰的附属语言”,它是浏览器里唯一能直接响应用户操作、修改页面内容、发起网络请求的编程语言——你打开网页时的轮播图、表单校验、点击展开菜单,背后全是它在跑。
怎么让第一行 JavaScript 代码立刻执行
不需要装环境、不用配置构建工具。打开任意网页(比如 about:blank),按 F12 → 切到 Console 标签页,直接敲:
console.log("Hello, I'm running in the browser");
回车就出结果。这就是最轻量的执行入口。注意:别用在线编辑器或 JSFiddle 代替这一步——它们隐藏了“JavaScript 运行在浏览器上下文”这个事实,容易让你误以为它和 Python 一样靠解释器启动。
-
console.log()是调试起点,不是装饰;所有变量、函数调用结果,先打出来看一眼再往下走 - 别写
alert()来测试,它会阻塞页面,且现代开发中几乎不用 - 如果控制台报错
ReferenceError: xxx is not defined,大概率是变量名拼错了,或者声明位置在调用之后(JS 有变量提升,但let/const不会)
从哪里读 DOM 元素并改它的文字
学 JS 的第一个实际目标不是做计算器,而是“让页面动起来”。比如把某个按钮的文字从“加载中…”改成“完成!”:
立即学习“Java免费学习笔记(深入)”;
document.querySelector("#submit-btn").textContent = "完成!";
关键点不在语法,而在理解执行时机:
- 必须等 HTML 加载完才能查元素,否则
querySelector()返回null;把脚本放在











