如何引入 JavaScript？使用 <script> 标签（包含外部文件）使用内联脚本（直接包含代码）嵌入 HTML 属性（处理事件）使用 JavaScript 模块（组织代码）使用异步加载（提高加载速度）
如何引入 JavaScript
引入 JavaScript 有多种方式，具体取决于你的代码所在的上下文。
1. 使用 <script> 标签
这是最常见的方法，将 JavaScript 代码包含在一个 <script> 标签内：
<code class="html"><script src="script.js"></script></code>
其中 src 属性指定了包含 JavaScript 代码的文件路径。
2. 使用内联脚本
将 JavaScript 代码直接包含在 <script> 标签内，而不使用外部文件：
<code class="html"><script> // JavaScript 代码 </script></code>
3. 在 HTML 属性中嵌入
可以将 JavaScript 代码嵌入到 HTML 元素的 onload 或 onclick 等事件处理程序属性中：
<code class="html"><button onclick="alert('Hello, world!')">点击我</button></code>4. 使用 JavaScript 模块
ES6 引入了 JavaScript 模块，允许你将 JavaScript 代码组织成独立的文件。使用 import 语句导入模块：
<code class="javascript">import { sayHello } from './module.js';
sayHello('John');</code>5. 使用异步加载
async 和 defer 属性可以异步加载 JavaScript 代码，从而提高页面加载速度：
<code class="html"><script src="script.js" async></script></code>
选择合适的方法
选择哪种 JavaScript 引入方法取决于你的特定情况：
-
使用
<script>标签对于引入小型的、独立的脚本非常方便。 - 内联脚本适用于需要立即执行的小段代码。
- HTML 属性中的嵌入适合处理事件或动态更新页面元素。
- JavaScript 模块用于组织和复用代码。
- 异步加载对于大型或非必需的脚本有利，可以提高页面加载性能。
