编写第一个JavaScript程序：JS脚本嵌入HTML完整示例与运行解析
下面我们通过一个入门实例，亲手编写JavaScript入门程序，直观演示网页脚本如何嵌入HTML文档，新手也能快速理解基础运行逻辑。
第一个JavaScript入门示例 test1.html 完整代码
我们新建名为test1.html的网页文件，写入标准HTML结构与脚本代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个JS程序</title>
</head>
<body>
<script type="text/javascript">
// JavaScript脚本写在此处
alert("这是第一个JavaScript例子!");
alert("欢迎你进入JavaScript世界!");
alert("今后我们将共同学习JavaScript知识！");
</script>
</body>
</html>
图1-1 程序运行后依次弹出三个提示弹窗
JavaScript嵌入HTML的基础规则说明
1. 文件格式规范：test1.html属于标准网页文档，整体遵循HTML语法标识，JavaScript脚本依托HTML页面运行，无需单独编译环境。
2. 代码本质特性：和HTML标签类似，JS程序是纯文本格式代码，可通过任意字处理软件打开编辑，放置在HTML页面指定区域内即可生效。
3. 脚本包裹标签：JS代码需要使用script标签包裹，浏览器识别到该标签后，就会解析并执行标签内部的脚本语句。
alert()弹窗方法核心作用
alert()是JavaScript窗口对象内置的常用方法，执行后会弹出带有确认按钮的对话框，括号内填写的字符串内容会直接展示在弹窗中，常用于简单的结果提示与入门调试。
脚本兼容处理与良好编程习惯
针对老旧或不支持JS的浏览器，可以借助注释语法包裹脚本代码；无法识别脚本的浏览器会自动忽略标签内内容，支持的浏览器则正常执行代码。
给代码添加清晰注释是优质的编程习惯，能够帮助开发者快速理解代码逻辑，提升团队协作与后期维护效率。
最后用闭合的script标签结束脚本区块，整套基础语法结构就完整了。
新手编写JavaScript程序的学习总结
通过这个简单的弹窗实例可以看出，入门编写JavaScript程序门槛很低，只要掌握HTML基础结构与内置方法，就能快速实现网页交互效果，为后续深度学习DOM操作、事件交互等知识点打下基础。
