JavaScript入门可直接在HTML中用标签运行,如alert("Hello, JavaScript!");console.log需打开开发者工具查看;优先使用let/const而非var;调试应先查Console报错并添加日志。

JavaScript 入门不需要先装环境、不用配置构建工具——直接在浏览器里写,保存为 .html 文件双击就能运行。第一个脚本,5 分钟内能跑起来。
怎么让浏览器执行你的第一行 JavaScript?
最简单的方式是把 JS 写进 HTML 的 标签里。别新建 .js 文件,先避免路径错误、MIME 类型报错这些干扰项。
新建一个文本文件,粘贴以下内容,保存为 hello.html(注意后缀必须是 .html):
双击打开这个文件,弹窗出现就成功了。关键点:
立即学习“Java免费学习笔记(深入)”;
-
alert()是浏览器原生函数,不依赖任何库,适合验证执行环境 -
放在底部或内部都行,此时 DOM 已加载,不会报Cannot read property 'xxx' of null - 不要用 VS Code 默认的「保存时不带 BOM」以外的编码,UTF-8 无 BOM 最稳
为什么 console.log 没反应?
很多人写 console.log("test"); 却看不到输出,不是代码错了,是没打开开发者工具。
在 Chrome 或 Edge 中按 F12 → 切到 Console 标签页,再刷新页面。常见误区:
十天学会易语言图解教程用图解的方式对易语言的使用方法和操作技巧作了生动、系统的讲解。需要的朋友们可以下载看看吧!全书分十章,分十天讲完。 第一章是介绍易语言的安装,以及运行后的界面。同时介绍一个非常简单的小程序,以帮助用户入门学习。最后介绍编程的输入方法,以及一些初学者会遇到的常见问题。第二章将接触一些具体的问题,如怎样编写一个1+2等于几的程序,并了解变量的概念,变量的有效范围,数据类型等知识。其后,您将跟着本书,编写一个自己的MP3播放器,认识窗口、按钮、编辑框三个常用组件。以认识命令及事件子程序。第
-
console.log不会弹窗,只输出到控制台,新手容易以为“没运行” - 如果页面刚加载完就执行
console.log,但控制台还没打开,部分旧版浏览器可能丢掉首条日志(加个setTimeout可验证) - 某些企业内网环境禁用
console,可用alert或修改document.body.innerHTML替代调试
变量声明用 let 还是 var?
现在一律用 let(或 const),别碰 var。它带来的变量提升(hoisting)和函数作用域容易引发隐蔽 bug。
比如这段代码:
console.log(a); // undefined,不是报错 var a = 1;
换成 let 就直接报 ReferenceError:
console.log(b); // ReferenceError: Cannot access 'b' before initialization let b = 2;
这意味着:用 let 能更早暴露逻辑顺序错误;const 用于不重新赋值的量(如 const PI = 3.14159),不是“常量必须大写”这种风格问题,而是语义约束。
下一步该学什么?不是语法,是调试习惯
真正卡住初学者的,从来不是 for 循环怎么写,而是“改了代码但页面没变”“点了按钮没反应却不知道哪错了”。立刻建立两个动作:
- 每次写完 JS,按
F12→Console看有没有红色报错(哪怕只是拼错document.getElementyById) - 给关键步骤加
console.log("step 1"),而不是靠猜“到底执行到哪了” - 右键检查元素 → 找到绑定事件的标签 → 在
Event Listeners面板看是否真挂上了点击函数
语法可以查文档,但调试路径不打通,写一百个 alert 也看不出问题在哪。










