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的当前页面。

如果是这样的话，我想我已经成功了。

如果我想使用dtree.js，我必须将所有页面与img放在同一目录中（它包含dtree.js所需的imgs）？

解决方案？

Answer 1

你需要通过在img之前添加斜杠来调整图像根路径：

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