📌  相关文章
📜  如何导入 JavaScript 文件 - Javascript (1)

📅  最后修改于: 2023-12-03 15:38:43.639000             🧑  作者: Mango

如何导入 JavaScript 文件

在 Web 开发中，JavaScript 是一种非常重要的语言。在编写 JavaScript 代码时，我们通常需要将其分成几个文件，以便更好地组织代码并使其易于管理。在本篇文章中，我们将介绍如何在 HTML 中导入 JavaScript 文件。

1. 外部 JavaScript 文件

首选方法是将 JavaScript 代码存储在单独的外部 .js 文件中，然后将其导入 HTML 中。这样可以使代码更易于维护，并确保 HTML 代码与 JavaScript 代码分离。

将以下代码保存到名为 "script.js" 的文件中：

function greeting() {
   console.log("Hello World!");
}

为了导入该 JavaScript 文件到 HTML 中，您需要使用 "script" 标签，并将 "src" 属性设置为文件路径：

<body>
   <script src="path/to/script.js"></script>
</body>

请注意，您应该放置 "script" 标签在 HTML 文件的最后，以确保其他页面元素在加载之前已被渲染。

2. 内联 JavaScript 代码

如果您只需要一个很小的 JavaScript 片段，那么将其保存到外部文件可能会显得浪费时间。在这种情况下，内联 JavaScript 代码可能是更好的选择。

要内联 JavaScript 代码，您可以将其包含在 "script" 标记内，而无需将 "src" 属性设置为任何内容：

<body>
   <script>
      console.log("Hello World!");
   </script>
</body>

请注意，内联 JavaScript 代码不应该用于大型代码块，因为它会使 HTML 文件变得难以阅读。

总之，以上是导入 JavaScript 文件的两种方法。您可以选择一个适用于您的代码和项目的方法，从而使您的代码更加模块化和易于维护。