如何生成相对于 Javascript/jQuery 文件的路径？答案

【问题标题】：How can I generate a path relative to a Javascript/jQuery file?如何生成相对于 Javascript/jQuery 文件的路径？
【发布时间】：2014-10-22 06:51:17
【问题描述】：

我有一个使用 JavaScript/jQuery 将图像插入页面的 CMS 模板。当我指定图像的显式路径时，这可以正常工作，但由于我在多个站点上使用模板，因此需要自动确定路径。

让事情变得更加困难的是，模板的路径（以及我要链接到的图像）会随着模板的每次修订而定期更改。

这是目前（非常简单的）相关代码 - 从技术上讲，它在短期内有效，但不是我正在寻找的解决方案：-

src = '../template_v1/images/pdf_small.png'

这会正确生成基本 URL，但会在模板版本增加（并且路径更改）到 template_v2 或 template_v3 时中断。

JavaScript/jQuery 文件（同样，包含在模板中）位于 http://www.domain.com/template_v1/js/this_file.js - 因此，考虑到这一点，我希望能够自动生成相对于 @987654325 位置的图像路径@ 文件。如果这是 CSS，这将很容易，因为非显式路径与调用路径的 CSS 文件相关 - 但我不知道如何使用 JavaScript/jQuery 来完成。

提前感谢您的任何提示。

【问题讨论】：

感谢您的参与，blex。我知道这是一种选择——但这不是我正在寻找的解决方案。我正在寻找一种自动确定路径的方法，以便更新模板不会破坏任何链接。

标签： javascript jquery relative-path

【解决方案1】：

您需要在源代码的开头上一个文件夹吗？将从当前目录工作并完全留在模板文件夹中：

src = './images/pdf_small.png'

【讨论】：

嗨詹姆斯 - 感谢您的建议。然而，这不起作用。你是正确的，因为我需要先上一个文件夹（这将是'../images/pdf_small.png' - 有两个句号） - 但这是相对于网站的根目录 - 而不是相对于文件。在 CSS 中，你的建议会奏效——但在 JavaScript/jQuery 中似乎不行。
是的 - 在这种情况下，路径是相对于加载 javascript 文件的 html 页面的，与样式表不同的是，它相对于样式表文件本身