上一级目录js文件怎么引入

在HTML文件中引入上一级目录的JS文件，使用相对路径、确保文件路径正确、将script标签放在之前、使用ES6模块化。相对路径是指根据文件的相对位置来指定路径，例如，如果你的HTML文件在/project目录下，而JS文件在/project/js目录下，那么相对路径就是../js/filename.js。确保文件路径正确是关键，因为路径错误是导致JS文件无法加载的主要原因。

一、相对路径

使用相对路径是引入上一级目录JS文件最常见的方法。相对路径是指根据文件在项目中的相对位置来指定路径。假设你的项目结构如下：

/project ├── index.html ├── /js │ └── script.js

在这种情况下，你可以在index.html中使用以下代码引入script.js：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="js/script.js"></script>
</body>
</html>

如果你的HTML文件在/project目录下，而JS文件在/project/js目录下，你需要使用相对路径./js/script.js来引入。确保路径的正确性非常重要，否则会导致JS文件无法加载。

二、绝对路径

绝对路径是另一种引入JS文件的方法。绝对路径是指相对于根目录的路径。假设你的项目结构如下：

/project ├── index.html ├── /js │ └── script.js

你可以在index.html中使用以下代码引入script.js：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="/project/js/script.js"></script>
</body>
</html>

这种方法的优点是路径清晰明确，但缺点是如果项目结构发生变化，路径也需要随之调整。