如何调用外部js

调用外部 javascript 文件有两种主要方法：使用 标签指定 javascript 文件的 url。使用 defer 或 async 属性控制 javascript 文件的加载和执行方式。此外，可以通过 onclick 事件调用 javascript 函数或方法。

如何调用外部 JavaScript 文件

在 HTML 文档中调用外部 JavaScript 文件有两种主要方法：

1. <script> 标签</script>

<script> 标签用于在 HTML 文档中加载外部 JavaScript 文件。它具有一个 src 属性，用于指定 JavaScript 文件的 URL：</script>

<script src="my-script.js"></script>

2. defer 和 async 属性

defer 和 async 属性可以控制 JavaScript 文件的加载方式：

• defer：浏览器在加载完 HTML 文档后加载外部 JavaScript 文件，但执行脚本之前会解析 HTML 文档。这确保了 DOM 在 JavaScript 执行之前就绪。
• async：浏览器在解析 HTML 文档的同时加载外部 JavaScript 文件，并且在脚本加载后立即执行。

<script src="my-script.js" defer></script><script src="my-script.js" async></script>

调用 JavaScript 方法

一旦外部 JavaScript 文件加载完毕，就可以从 HTML 文档中调用其函数或方法：

<button onclick="myFunction()">Click Me</button>

<script>
  function myFunction() {
    // JavaScript 代码
  }
</script>

注意：

• 确保外部 JavaScript 文件的 URL 正确，否则浏览器将无法加载它。
• defer 和 async 属性可以提高页面加载性能，但可能会影响 JavaScript 执行顺序。
• 如果 JavaScript 文件包含依赖项，则需要先加载依赖项，然后再加载主脚本。