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

Question

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

事情变得有点困难的事实是，模板的每次修订版都会定期更改模板的路径（并因此链接到我的图像）。

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

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

例如，这可以正确生成基本URL，但是一旦模板版本增加（并且路径已更改）到template_v2或template_v3 ，它就会中断。

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

在此先感谢您提供任何提示。

Answer 1

您是否需要在源代码的开头添加一个文件夹？ 从当前目录开始工作，并将其完全保留在template文件夹中：

src = './images/pdf_small.png'