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目录之前,需要向上移动一个目录。
它只是文件路径表示法。
相关文章:
- 更改下拉菜单上的图像javascript/jquery
- Chrome:刷新页面后未呈现的背景图像 + JavaScript 重定向
- 更改背景图像 - JavaScript
- 目标 css:背景图像 Javascript
- 如何显示数组中的图像?JavaScript
- 淡入淡出两个图像[JavaScript]
- 获取图像ID并更改图像JavaScript
- 显示多个图像-javascript
- 在不损失质量的情况下调整图像JavaScript/jQuery的大小
- 选择某个列表项时弹出的图像-javascript
- 将生成的随机数存储在变量中,然后将该变量作为文件名调用以显示图像.Javascript
- 更改悬停时的图像Javascript
- 在reactjs中呈现本地图像/javascript片段
- 键下时的反向图像 - Javascript
- 将所有图像替换为一个图像 Javascript
- 单击显示随机图像(Javascript)
- 移动图像 ..JavaScript 将变量声明为字符串
- 直方图均衡(图像Javascript初学者)
- 预加载库图像.JavaScript(没有JQuery)
- 用不同的图像/按钮替换图像 - javascript