1. 创建 HTML 文件
首先，我们需要为我们的 JavaScript 文件创建一个 HTML 文件。在你的代码编辑器中，创建一个新文件并将其保存为 index.html。然后输入以下代码：
<!DOCTYPE html>
<html>
<head>
<title>My First JavaScript Program</title>
</head>
<body>
<h1>My First JavaScript Program</h1>
<script src="app.js"></script>
</body>
</html>该代码创建了一个基本的 HTML 页面，并引入了一个名为 app.js 的 JavaScript 文件。我们会在下一步在这个文件中编写我们的第一个 JavaScript 程序。
2. 编写 JavaScript 代码
在你的代码编辑器中打开一个新文件，并将其保存为 app.js。现在输入以下代码：
alert('Hello, World!');该代码使用了 JavaScript 的 alert() 函数来显示一个弹出框，上面写着 "Hello, World!"。alert() 方法是为了改变或显示作为参数传递给它的字符串值，通常被用于调试目的，而不是在代码中实际使用。
3. 运行程序
现在，将 index.html 文件在浏览器中打开。你应该能够在浏览器窗口中看到一个页面。这个页面上应该只有一个标题和一个空白的内容区域，因为我们还没有将 app.js 文件与该页面连接起来。
接下来，在 index.html 文件中的 <body> 元素的结尾添加如下的代码行：
<script src="app.js"></script>这行代码告诉浏览器应该通过名为 app.js 的文件包含我们的 JavaScript 代码。请确保该代码行出现在 </body> 标签之前。
现在重新加载浏览器窗口。你应该能够看到弹出框，上面文字是 "Hello, World!"。
完整代码如下：
index.html
<!DOCTYPE html>
<html>
<head>
<title>My First JavaScript Program</title>
</head>
<body>
<h1>My First JavaScript Program</h1>
<script src="app.js"></script>
</body>
</html>app.js
alert('Hello, World!');本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：第一个JavaScript程序 - Python技术站
微信扫一扫 
支付宝扫一扫 