JavaScript 从不同的目录加载图像文件

Question

在 JavaScript 中，我想从不同的目录加载图像文件。我的文件结构是这样的:

Project/js/script.js
Project/img/1.png

在 script.js 我想要以下内容:

document.getElementById("image").src = "Project/img/1.png";

我如何使它工作？

Answer 1

您的 HTML 文件建立了评估其他相对路径的基本路径。所以，如果你的 HTML 文件路径是 "http://example.com/something/Project/index.html" ，那么项目目录已经是默认位置，因此您可以访问与 Project 相关的其他内容像这样的目录:

js/script.js
img/1.png

任何不以域或/ 开头的相对路径会有http://example.com/something/Project/放在它前面。