JavaScript 是通用编程语言，执行时机、与HTML/CSS关系及加载路径是初学者核心难点；script位置、let/const替代var、事件绑定排查四要点可系统解决“不生效”问题。
JavaScript 不是一门“用来做网页动效的脚本语言”这么简单——它是运行在浏览器里、能直接操作 DOM、发起网络请求、处理异步逻辑、甚至构建完整应用的通用编程语言。初学者卡住，往往不是语法难，而是没搞清它“在哪里执行”“和 HTML/CSS 是什么关系”“为什么写完代码没反应”。
JavaScript 代码写在哪？三种常见位置及其影响
新手常把 标签随便塞进 HTML，结果变量报错或 DOM 找不到。关键不在“能不能写”，而在“执行时机”是否匹配。
-
放在里：HTML 还没解析，document.getElementById('btn')一定返回null -
放在底部：DOM 已加载完毕，可直接操作元素，最稳妥 - 加
defer属性：，脚本并行下载，等 DOM 解析完再执行，适合外部 JS - 加
async属性：下载完立刻执行，不保证顺序，适合无依赖的分析脚本（如 Google Analytics）
变量声明用 let 还是 var？别被历史坑了
var 有变量提升（hoisting）和函数作用域，导致 for 循环中绑定事件出问题；let 和 const 是块级作用域，行为更符合直觉。
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 100); // 输出 3, 3, 3
}
for (let j = 0; j < 3; j++) {
setTimeout(() => console.log(j), 100); // 输出 0, 1, 2
}
结论：除非维护老项目，否则一律用 let（可重新赋值）或 const（不可重新赋值），避开 var 的作用域陷阱。
立即学习“Java免费学习笔记（深入）”；
为什么点击按钮没反应？检查这四件事
90% 的“JS 不生效”问题，跟语法无关，而是环境或连接断了。
- 浏览器控制台（F12 → Console）有没有红色错误？比如
ReferenceError: handleClick is not defined，说明函数没声明或拼错了 - HTML 中的
onclick="handleClick()"是字符串调用，必须确保handleClick是全局函数；现代写法推荐用addEventListener - JS 文件路径写错：
中的./js/main.js要和实际文件位置一致，404 时 Network 面板会标红 - 代码执行太早：没等 DOM 加载完就查元素，用
document.addEventListener('DOMContentLoaded', ...)包一层最保险
真正卡住初学者的，从来不是 if 怎么写，而是不知道 JS 什么时候开始跑、谁在调它、它又在找谁。把执行时机、作用域、加载路径这三根线理清，后面学什么都快得多。
