如何获得资源的相对路径到HTML文档？ llet说我有一个像这样构成的简单Web项目： ├ - 🗎索引。html ├ - 📁收藏 ││🗎-item1.html ││🗎🗎项目2.html │└... ... ├ - CSS ││├main_styles.css ││🗎🗎🗎

Question

我的上述代码问题是

cssPath = 'css/additional_styles.css'

支持

script.js

知道相对于自身的CSS文件的路径（在这种情况下为

../css/additional_styles.css

）。 JavaScript如何知道与HTML文档一起加载CSS文件的路径？例如，

index.html

必须使用路径

css/additional_styles.css

加载CSS文件，但必须使用路径

collection/item1.html

加载CSS文件。

由于没有一种可靠的方法让JavaScript了解哪个HTML文档正在加载，什么是一种安全的方法，可以使与HTML文档相对于动态加载的HTML文档创建此类资源路径？

？

I打算制作

../css/additional_styles.css

项目 - 不合时宜，这意味着可以将JS文件重新用于不同的项目。例如，在另一个项目中，CSS和JS目录之间的相对路径可能不会改变，但是两个目录的绝对路径可能与上述设置不同。例如：

script.js

我知道有一些“肮脏”方法，例如强迫每个HTML文档具有

script.js

标签或具有某种形式的全局变量来指示HTML文档的相对位置。但是，我再次希望

script.js

在不同的开发人员的不同项目中成为项目不合时宜的，并且可以重复使用。我的目标是采用纯JS方法，以便其他开发人员可以加载脚本并立即工作。我希望我不需要执行其他开发人员在其HTML文档中应用这些“肮脏”方法。

well，技巧，技巧...如果脚本是要使用

├─ 🗎 index.html
├─ 📁 collection
│  ├─ 🗎 item1.html
│  ├─ 🗎 item2.html
│  └─ ...
└─ 📁 my_library
   ├─ 📁 css
   │  ├─ 🗎 main_styles.css
   │  └─ 🗎 additional_styles.css
   └─ 📁 js
      └─ 🗎 script.js

符号运行的脚本，即使用脚本标签，我们可以考虑以下内容：检查

<base>

和裁剪脚本名称和含量为脚本的文件夹的名称（基本上是2个级别，但是您可以通过更改下面的更改

script.js

---

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

）

src

据我了解，如果脚本与使用脚本标签不同，这不是路要走。 

如果我错了，请纠正我吗？

Answer 1