javascript - HTML 与 Javascript.. 图像文件路径如何工作?

标签 javascript html

我注意到在 HTML 中,图像源从我的页面位置(基础)所在的位置开始。因此,如果我的图片或图像位于另一个文件夹中,我可以通过以下方式速记 src:

<img src="avatars/dwarf14.jpg">

但是我注意到在 javascript 中,我不能做同样的事情。我必须输入整个 C 目录才能找到相同的图像。为什么是这样?我假设图像路径的起始位置是我的 javascript 文件所在的位置。

dom.el("playeravatar").innerHTML = '<img src="C:/Users/Q/Desktop/Gaming Project/avatars/warrior4.jpg">';

最佳答案

该脚本只是将 img 标记添加到 DOM。然后,浏览器将解析该标签,就像硬编码或通过任何其他方式添加的标签一样。如何解释 src 属性与 javascript 无关。

因此,JavaScript 文件所在的位置并不重要。您的路径应该相对于您插入图像的文档。

关于javascript - HTML 与 Javascript.. 图像文件路径如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34327446/

相关文章:

javascript - 用虚线连接的堆积柱点 highcharts

html - 使不同尺寸的容器在 Bootstrap 中正确对齐

html - 支持带代码验证的 HTML 和 CSS 的最佳免费 Windows IDE?

html - 如何不验证具有必需属性的 HTML5 文本框

javascript - 使用 jQuery 删除值后刷新/重新加载下拉列表?

javascript - ie8 预期标识符错误 - Angular

javascript - vue.js - 将 sass 样式从一个组件绑定(bind)到另一个组件

javascript - 使用缩小页面特定的 JS

javascript - 下载后图库不显示图像?

javascript - Vue.js:搜索栏组件 - 如果输入值长度 > 1,如何使重置按钮出现?