选择同级 JavaScript

当我们需要在 HTML 页面中嵌入 JavaScript 代码时，选择正确的 JavaScript 文件路径和文件名就显得非常重要。这篇文章将会介绍如何选择同级 JavaScript 文件。

何为同级 JavaScript 文件

同级 JavaScript 文件是指与 HTML 文件在同一目录下的 JavaScript 文件。例如，如果我们有一个名为 index.html 的文件和一个名为 main.js 的 JavaScript 文件，那么这两个文件就是同级文件。

如何选择同级 JavaScript 文件

要选择同级 JavaScript 文件，请使用相对路径。相对路径是指从 HTML 文件开始的路径，指定如何到达 JavaScript 文件。在本例中，我们的地址为 index.html，JavaScript 文件名为 main.js。

<script src="./main.js"></script>

在上面的代码片段中，我们用 ./ 指定了当前目录作为起点，并给出了 JavaScript 文件的相对路径。这告诉浏览器，要在当前目录中查找 JavaScript 文件，并将其包含在 HTML 文件中。

文件路径示例

假设我们有以下文件结构：

- project
  - index.html
  - scripts
    - main.js
  - styles
    - main.css

在这个项目中，我们想要在 index.html 中包含 main.js。为了达到这个目的，我们需要在 index.html 中指定 main.js 的相对路径。

<script src="./scripts/main.js"></script>

在这个代码片段中，我们在 ./（表示根目录）之后指定了目录名称 scripts，这告诉浏览器去 scripts 目录中查找 main.js 文件。

需要注意的是，我们并没有使用绝对路径（例如 C:\project\scripts\main.js）来指定 JavaScript 文件。相反，我们使用相对路径，这种方式更加灵活和可移植，因为它不会受到文件系统结构的影响。

结论

在 HTML 页面中嵌入 JavaScript 代码时，选择正确的 JavaScript 文件路径和文件名是非常重要的。使用相对路径来指定同级 JavaScript 文件是一种简单的有效的方式，因为它可以适用于不同的操作系统和文件系统结构，使代码更加灵活和可移植。