Javascript中带点的图像源

image source with dots in Javascript

本文关键字：图像 Javascript      更新时间：2024-04-26

这本身不是一个问题，更多的是关于它是否正确。我尝试用在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中工作（对我来说）。

感谢

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

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

一个点，像这样的document.body.style.backgroundImage = "url('./images/image00.jpg')"意味着它将在当前目录中查找文件。

从HTML文件引用时，单点表示法是正确的。无论CSS是否在HTML文件中，或者您是否有影响HTML文件中CSS的JS，这都适用。

如果样式是在styles.css文件中定义的，则需要双点表示法，因为在再次进入images目录之前，需要向上移动一个目录。

它只是文件路径表示法。

相关文章：