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

写 JavaScript 第一个程序，核心是让浏览器执行一段简单代码并看到效果。不需要复杂环境，一个文本编辑器和浏览器就够了。

准备最简环境

新建一个文本文件，用记事本、VS Code 或任意编辑器打开，输入以下内容：

把文件保存为 hello.html（后缀必须是 .html），然后双击用 Chrome、Edge 等浏览器打开——会弹出一个提示框，显示 “Hello, JavaScript!”。

理解这三行关键代码

标签告诉浏览器：里面是 JavaScript 代码；
alert(...) 是 JS 内置函数，用于弹出提示框；
"Hello, JavaScript!" 是字符串，必须用英文引号包裹。

常见小错误提醒：

• 引号用了中文全角（“”）→ 改成英文半角（""）
• alert 拼错成 alet 或 Alert → JS 区分大小写，必须小写
• 忘记分号（虽然有时可省略，但初学建议加上）

试试更直观的输出方式

如果不想总弹窗，可以改用页面内显示：

把 里的内容换成：

document.write("欢迎来到JavaScript世界！");

或者更推荐的方式（适合后续学习）：

document.body.innerHTML = "
页面上直接显示！
";

保存后刷新页面，文字就会出现在网页上。

下一步怎么练

不急着学语法，先动手改两处再运行：

• 把 "Hello, JavaScript!" 换成你的名字，比如 "张三，你好！"
• 把 alert 换成 console.log("我在控制台里")，然后按 F12 打开开发者工具 → 切到 Console 标签页查看输出
• 多保存几次不同名字的 .html 文件，体会“改-存-刷-看”的流程

真正动手运行一次，比读十遍概念都管用。

# javascript  # java  # html  # js  # 浏览器  # edge  # 工具  # html文件  # vs code 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  Win11怎么设置虚拟桌面 Win11新建多桌面切换操作【技巧】  浅谈javascript alert和confirm的美化  如何在Windows虚拟主机上快速搭建网站？  百度浏览器如何管理插件 百度浏览器插件管理方法  Laravel表单请求验证类怎么用_Laravel Form Request分离验证逻辑教程  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  Laravel如何配置Horizon来管理队列？（安装和使用）  Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载  Java解压缩zip - 解压缩多个文件或文件夹实例  如何用wdcp快速搭建高效网站？  EditPlus中的正则表达式 实战(2)  成都网站制作公司哪家好,四川省职工服务网是做什么用？  如何快速搭建FTP站点实现文件共享？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  高防服务器如何保障网站安全无虞？  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  如何在 Telegram Web View（iOS）中防止键盘遮挡底部输入框  如何在万网开始建站？分步指南解析  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  Laravel如何安装Breeze扩展包_Laravel用户注册登录功能快速实现【流程】  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  Android使用GridView实现日历的简单功能  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  如何快速上传建站程序避免常见错误？  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  音响网站制作视频教程,隆霸音响官方网站？  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  文字头像制作网站推荐软件,醒图能自动配文字吗？  Laravel如何实现文件上传和存储？（本地与S3配置）  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  如何在香港服务器上快速搭建免备案网站？  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  如何快速登录WAP自助建站平台？  如何快速完成中国万网建站详细流程？  如何在Tomcat中配置并部署网站项目？  Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程  桂林网站制作公司有哪些,桂林马拉松怎么报名？  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势  Laravel如何处理异常和错误？（Handler示例）  Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码？