在HTML5中，引入JavaScript文件是让网页动起来的关键一步。下面，我将带你轻松掌握在HTML5中引用JS文件的三个简单步骤。
步骤一：确定JavaScript文件的位置
首先，你需要确保你的JavaScript文件已经准备好了。这可以是本地文件（存储在服务器或你的电脑上），也可以是远程文件（存储在其他服务器上）。无论哪种方式，都要确保文件路径正确无误。
例如，如果你的JavaScript文件名为script.js，并且它存储在同一个目录下，那么文件路径就是script.js。
步骤二：使用<script>标签引入
在HTML文档中，你可以使用<script>标签来引入JavaScript文件。这里有两种常用的方式：
2.1 在<head>部分引入
将<script>标签放在<head>部分，可以在页面加载时提前加载JavaScript文件，但不会阻塞页面的其他内容渲染。
<head>
<script src="script.js"></script>
</head>
2.2 在<body>部分引入
将<script>标签放在<body>部分，可以在页面内容加载完毕后再执行JavaScript代码，但这样做可能会阻塞页面的其他内容渲染。
<body>
<script src="script.js"></script>
</body>
步骤三：指定src属性
在<script>标签中，你需要使用src属性来指定JavaScript文件的路径。这是必须的，因为浏览器需要知道去哪里找到并加载JavaScript文件。
<script src="script.js"></script>
如果你想在页面加载后立即执行JavaScript代码，而不是从服务器加载，可以使用以下格式：
<script>
// 你的JavaScript代码
</script>
完整示例
下面是一个完整的HTML5页面示例，展示了如何引入一个名为script.js的JavaScript文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 引用JS文件示例</title>
<script src="script.js"></script>
</head>
<body>
<h1>这是一个示例页面</h1>
<p>页面上的JavaScript将被引入并执行。</p>
</body>
</html>
通过以上三个步骤，你就可以轻松地在HTML5页面中引入JavaScript文件，让你的网页变得更加生动和互动。记住，正确的文件路径和src属性的设置是关键。