将 JavaScript 链接到 HTML 有以下步骤：创建 JavaScript 文件。在 HTML 文件中，使用 <script> 标签链接到 JavaScript 文件，指定其路径。可选：使用 defer 或 async 属性控制 JavaScript 文件的加载时机。
如何将 JavaScript 链接到 HTML
第一步：创建 JavaScript 文件
创建一个带有 .js 扩展名的文件，例如 script.js。将你的 JavaScript 代码添加到此文件。
第二步：在 HTML 文件中链接 JavaScript 文件
立即学习“前端免费学习笔记（深入）”；
在 <body> 标签内，使用 <script> 标签链接到 JavaScript 文件：
<code class="html"><script src="script.js"></script></code>
确保将 src 属性设置为 JavaScript 文件的路径。
可选：使用 defer 或 async 属性
defer 和 async 属性可以控制何时加载 JavaScript 文件：
- defer： 当 HTML 解析完后加载 JavaScript 文件。
- async： 在加载并解析 HTML 时异步加载 JavaScript 文件。
<code class="html"><script src="script.js" defer></script></code>
其他方式
还有一些其他方法可以将 JavaScript 链接到 HTML 中：
-
内联 JavaScript： 直接将 JavaScript 代码写入
<script>标签内，但这不是最佳实践。 -
使用 script 标签作为模块： 使用
type="module"将<script>标签作为模块加载，需要浏览器支持此功能。 - 通过 HTTP 请求动态加载： 使用 AJAX 等技术动态加载 JavaScript 文件，但这种方法不如直接链接有效率。
注意：
当链接到多个 JavaScript 文件时，确保按照正确的顺序加载它们，避免冲突。对于关键任务的脚本，请使用 defer 或 async 属性优化加载顺序。
