如何在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")
}

基础教程