javascript中的相關路徑

Question

當在頁面中找到諸如css js img之類的資源時，遇到一些問題。

例如，我想使用javascript lib：dtree，它包含一些內置圖像和css。

這是它的結構：

img 
dtree.css 
dtree.js 
example.html 

的exmaple.html是現場演示來說明如何使用DTREE。它使用dtree.js爲：

<script type="text/javascript" src="dtree.js"></script> 

現在我創建一個新的文件夾，並在這裏複製example.html的，並修改了JS的src：

<script type="text/javascript" src="../dtree.js"></script> 

現在，這是新結構：

img 
dtree.css 
dtree.js 
example.html 
chd 
--example.html 

當我瀏覽chd/example.html時，缺少一些所需的imgs。

而在dtree.js，有喜歡的一些代碼：

this.icon = { 
    root:'img/base.gif', 
    .... 
} 

所以我覺得這裏的IMG不是基於該dtree.js但目前的網頁，其中調用JS。

如果是這樣，我認爲我fxxked。

如果我想使用dtree.js，我必須將所有的頁面放在與img相同的目錄下（它包含dtree.js所需的imgs）？

解決方案？

Answer 1

你需要通過添加斜線的img像之前調整圖像的根路徑：

this.icon = { 
    root:'/img/base.gif', 
    .... 
}