如何导入 JavaScript？直接导入：使用 <script> 标签，指定 src 属性指向 JavaScript 文件。内联脚本：将脚本代码直接放入 <script> 标签内。使用 type 属性：可指定脚本类型为 text/javascript 或 module。异步加载：使用 async 属性异步加载脚本，不阻塞 HTML 执行。延迟加载：使用 defer 属性延迟加载脚本，直到 HTML 文档加载完毕。
如何在 HTML 中导入 JavaScript
直接导入
在 HTML 文件中，使用<script>标签直接导入 JavaScript 文件：
<code class="html"><script src="script.js"></script></code>
将 script.js 替换为要导入的 JavaScript 文件的名称。
立即学习“前端免费学习笔记（深入）”；
内联脚本
如果脚本很短，也可以将其直接放入<script>标签内：
<code class="html"><script> // JavaScript 代码 </script></code>
选择器
type 属性可用于指定脚本的类型：
-
text/javascript：用于 JavaScript 代码 -
module：用于 ES 模块
<code class="html"><script type="text/javascript" src="script.js"></script> <script type="module" src="script.js"></script></code>
async 属性可用于异步加载脚本，在执行 HTML 继续执行之前加载脚本：
<code class="html"><script async src="script.js"></script></code>
defer 属性可用于延迟加载脚本，直到 HTML 文档完全加载后才加载脚本：
<code class="html"><script defer src="script.js"></script></code>
注意：
- 导入的 JavaScript 文件应放在
<body>标签的末尾，以避免阻塞 HTML 渲染。 - 确保要导入的文件存在且路径正确。
