第一个JavaScript程序是用HTML文件执行alert("Hello, JavaScript!")弹出提示框,需用英文标点、小写函数名,保存为hello.html后浏览器打开即可运行。

写 JavaScript 第一个程序,核心是让浏览器执行一段简单代码并看到效果。不需要复杂环境,一个文本编辑器和浏览器就够了。
准备最简环境
新建一个文本文件,用记事本、VS Code 或任意编辑器打开,输入以下内容:
(复制粘贴即可,注意标点符号是英文状态)
我的第一个JS程序
把文件保存为 hello.html(后缀必须是 .html),然后双击用 Chrome、Edge 等浏览器打开——会弹出一个提示框,显示 “Hello, JavaScript!”。
理解这三行关键代码
标签告诉浏览器:里面是 JavaScript 代码;
alert(...) 是 JS 内置函数,用于弹出提示框;
"Hello, JavaScript!" 是字符串,必须用英文引号包裹。
常见小错误提醒:
- 引号用了中文全角(“”)→ 改成英文半角("")
- alert 拼错成 alet 或 Alert → JS 区分大小写,必须小写
- 忘记分号(虽然有时可省略,但初学建议加上)
试试更直观的输出方式
如果不想总弹窗,可以改用页面内显示:
建站之星网站建设系统是一种全新的互联网应用模式,它一改过去传统的企业建站方式,不需企业编写任何程序或网页,无需学习任何相关语言,也不需第三方代写或管理网站,只需应用系统所提供的各种强大丰富的功能模块,即可轻松生成企业个性化的精美网站。 SiteStar v2.3本地软件体验包说明:为方便客户能够第一时间体验智能建站软件的强大功能,我们特别提供了本地软件体验包,您只需下载下来并安装在您的计算机上(和
把 里的内容换成:
document.write("欢迎来到JavaScript世界!");
或者更推荐的方式(适合后续学习):
document.body.innerHTML = "页面上直接显示!
";
保存后刷新页面,文字就会出现在网页上。
下一步怎么练
不急着学语法,先动手改两处再运行:
- 把 "Hello, JavaScript!" 换成你的名字,比如 "张三,你好!"
- 把
alert换成console.log("我在控制台里"),然后按 F12 打开开发者工具 → 切到 Console 标签页查看输出 - 多保存几次不同名字的 .html 文件,体会“改-存-刷-看”的流程
真正动手运行一次,比读十遍概念都管用。









