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文件中定义了样式，则需要使用双点表示法，因为它需要上一个目录，然后再次进入images目录。

它只是file path notation。