Javascript 中带点的图像源

Question

这本身不是问题，更多的是它是否正确。 我尝试用

在 Javascript 中添加背景图片

 .style.backgroundImage = "url('../images/image00.jpg')"

但是没用。 所以我删除了一个点：

 .style.backgroundImage = "url('./images/image00.jpg')"

它奏效了。我以为在CSS里面是两个点向后走？为什么 Javascript 中只有一个？

我当前的文件夹是这样的：

• 文件夹 1
  • index.html
  • 图片
    • image.jpg
  • 脚本
    • scripts.js
  • 风格
    • styles.css

有点奇怪，两个点在 JS 中不起作用，但在 CSS 中起作用（对我来说）。

谢谢

Answer 1

您的理解有误。 不是JS中的一个点，CSS中的两个点。它与文件路径有关，以及如何引用文件。

如果您使用两个点，例如 document.body.style.backgroundImage = "url('../images/image00.jpg')"，它会上升一个目录级别并在那里查找文件。

一个点，document.body.style.backgroundImage = "url('./images/image00.jpg')"这样表示会在当前目录下查找文件

Answer 2

从 HTML 文件引用时，单点符号是正确的。这适用于 CSS 是否在 HTML 文件中，或者您是否有影响 HTML 文件中的 CSS 的 JS。

如果样式是在 styles.css 文件中定义的，则需要使用双点符号，因为它需要向上移动一个目录，然后再向下进入图像目录。

就是file path notation.