外部 JavaScript 文件

admin · 发表于 2021-12-2 16:13:06

外部 JavaScript 文件是提高效率和提高整个网站的可维护性的好方法。

您可以将所有脚本放入一个外部文件（带有 .js 扩展名），然后从您的 HTML 文档中链接到该文件。如果您需要在多个 HTML 页面或整个网站上使用相同的脚本，这会很方便。

要链接到外部 JavaScript 文件，请src向 HTML<script>标记添加属性并指定外部 JavaScript 文件的位置。

链接到外部 JavaScript 文件
这是链接到外部 JavaScript 文件的示例。文件名为external_javascript.js包含所有 JavaScript 代码。因此，无需在标签之间放置任何其他 JavaScript。

< script src = "external_javascript.js" ></ script >
外部 JavaScript 文件的内容
您的 .js 文件中的代码应该与您通常放置在脚本标记之间的代码没有什么不同。

但请记住，您不需要<script>再次添加标签——它已经在调用外部文件的 HTML 页面上！

外部 JavaScript 的放置
外部 JavaScript 文件通常放置在文档的<head>标签内。然而，这不是必需的。您可以将<script>元素放置在文档的任何位置。

出于性能原因，JavaScript 通常放在文档的底部，就在结束<body>标记之前。这允许在调用外部文件之前首先加载页面的其余部分。

然而，并不是所有的 JavaScript 都可以放在文档的底部。如果页面上的另一个脚本在加载时需要该特定的 JavaScript 片段，您需要将外部 JavaScript 放在需要它的脚本之前。

外部 JavaScript 文件

相关帖子