如何生成相對於Javascript/jQuery文件的路徑？

我有一個CMS模板，使用JavaScript/jQuery插入圖像到頁面上。當我指定圖像的顯式路徑時，此工作正常，但由於我在多個站點上使用模板，因此需要自動確定路徑。如何生成相對於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來完成此操作。

在此先感謝您的任何提示。

來源

2014-08-28 Hobbes

感謝您的切入，blex。我知道這是一個選項 - 但它不是我正在尋找的解決方案。我正在尋找一種自動確定路徑的方法，以便更新模板不會中斷任何鏈接。 – Hobbes 2014-08-28 12:09:46

您是否需要在源文件的起始位置放置一個文件夾？從當前目錄開始工作，並完全保留在模板文件夾中：

src = './images/pdf_small.png'

來源

2014-08-28 12:03:27

嗨，詹姆斯 - 感謝您的建議。然而，這不起作用。你是正確的，我需要首先上一個文件夾（這將是'../images/pdf_small.png' - 有兩個完整的站點） - 但這是相對於網站的根 - 不相對於文件。在CSS中，你的建議可以起作用 - 但看起來，在JavaScript/jQuery中看起來不行。 – Hobbes 2014-08-28 12:12:34

是的 - 在這種情況下，路徑是相對於加載了javascript文件的html頁面的，不像樣式表，它與樣式表文件本身相關 – 2014-08-28 12:14:32

如何生成相對於Javascript/jQuery文件的路徑？

回答

相關問題