javascript - 为什么 image.src == "file.png"对于本地文件不返回 true？

Question

我试图在每次单击时在两张图片之间切换。

我尝试创建一个脚本，首先使用 var image = document.getElementById(id); 获取图像，然后使用 if (image.src) 检查当前激活的图像== "a.png") 但这永远不会返回 true。

当我用 console.log(image.src) 打印它时，整个源出现:

file:///C:/Users...../a.png

想法是这样的:

var image = document.getElementById(id);
    if (image.src == "a.png") {
      image.src = "b.png";
    }
    else {
      image.src = "a.png";
    }
}

我在这里做错了什么？

Answer 1

你可以这样做:

var image = document.getElementById(id);
    if (image.src.includes("a.png")) {
      image.src = image.src.replace("a.png", "b.png");
    }
    else {
      image.src = image.src.replace("b.png", "a.png");
    }
}