数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究如何在 HTML 页面中包含外部 JavaScript？
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 类型）。 |
为了添加外部 JavaScript 文件，我们将使用 src 属性。
让我们先看看 HTML 文件，它将包含外部文件源的源代码。
示例
您可以尝试运行以下代码以在 HTML 中包含外部 JS。此处的 HTML 文件包含指向 JS 文件 myscript.js 的 src。
<!DOCTYPE html> <html> <body> <h2>Alert Button</h2> <p> <External JavaScript file is 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")
}
更新于： 2020-06-15
2K+ 次查看
广告