如何引入 JavaScript?使用 标签(包含外部文件)使用内联脚本(直接包含代码)嵌入 HTML 属性(处理事件)使用 JavaScript 模块(组织代码)使用异步加载(提高加载速度)

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










