如何在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年6月15日

2K+ 浏览量

启动你的职业生涯

完成课程获得认证

开始学习
广告