如何在 HTML 页面中包含外部 JavaScript?
javascriptweb developmentfront end scripts
HTML <script> 标记用于在 HTML 文档中声明脚本。通过它，您可以定义客户端 JavaScript。但是，如果您想在 HTML 页面中添加外部 JavaScript，该怎么办?好吧，您也可以使用 <script> 标记的 src 属性轻松做到这一点。
以下是 <script> 的属性标签 −
| 属性 | 值 | 描述 |
|---|---|---|
| async | async | 指定脚本异步执行。 |
| charset | charset | 定义脚本使用的字符编码。 |
| defer | defer | 声明脚本不会生成任何内容。因此，浏览器/用户代理可以继续解析和呈现页面的其余部分。 |
| src | URL | 指定外部脚本的 URI/URL。 |
| type | text/JavaScript application/ecmascript application/JavaScript text/vbscript | 将脚本语言指定为内容类型 (MIME type)。 |
要添加外部 JavaScript 文件，我们将使用 src 属性 −
我们先来看看 HTML 文件，它将包含外部文件源的源代码。
示例
您可以尝试运行以下代码以在 HTML 中包含外部 JS。HTML 文件在这里，带有指向 JS 文件 myscript.js 的 src。
<!DOCTYPE html> <html> <body> <h2>警告按钮</h2> <p> <外部 JavaScript 文件为 myscript.js/p> <button type="button" onclick="sayHello()">Click</button> <script src="myscript.js"></script> </body> </html>
要从外部文件源使用 JavaScript，您需要将所有 JavaScript 源代码写入扩展名为".js"的简单文本文件中，然后按照上述结构包含该文件，即 <script src="myscript.js"></script>
将以下内容保留在 myscript.js 文件中 −
function sayHello() {
alert("Hello World")
}
