相对url在JavaScript（element.src）中不起作用

我已经编写了一个简单的html和js代码，可以在单击时在两个图像之间切换，但js代码中无法使用相对url。不工作的代码：

<a href="javascript:change()"><img id="demo" src="one.jpg" ></img></a>

<script>
var pic = document.getElementById("demo");
    function change()
    {
        if (pic.src == "one.jpg")
        {
            pic.src="two.jpg";
        }
        else
        {
            pic.src="one.jpg";
        }
    }
</script>

var pic=document.getElementById（“演示”）；
函数更改（）
{
如果（pic.src==“one.jpg”）
{
pic.src=“two.jpg”；
}
其他的
{
pic.src=“one.jpg”；
}
}

当我将相对url更改为绝对url时，其工作正常：

<script>
var pic = document.getElementById("demo");
    function change()
    {
        if (pic.src == "file:///D:/javaScript_tut/one.jpg")
        {
            pic.src="file:///D:/javaScript_tut/two.jpg";
        }
        else
        {
            pic.src="file:///D:/javaScript_tut/one.jpg";
        }
</script>

var pic=document.getElementById（“演示”）；
函数更改（）
{
如果（pic.src==”file:///D:/javaScript_tut/one.jpg")
{
pic.src=”file:///D:/javaScript_tut/two.jpg";
}
其他的
{
pic.src=”file:///D:/javaScript_tut/one.jpg";
}

更换

if (pic.src == "one.jpg")

与

---

单击之前，图像“一”是否正确显示？我建议添加。/在图像名称正确显示之前是一。我尝试添加pic.src=“./two.jpg”仍然不起作用。一个愚蠢的问题：你的'one.jpg'文件夹中有'two.jpg'图像吗？我想这是因为在--if（pic.src==“one.jpg”）中进行比较时，pic.src变成了完整路径。谢谢你的努力。我会检查indexOf（）的详细信息在MDN上的方法，如果你能解释一下上面的if语句的一些工作，那也太好了。对不起，我的声誉低于15所以不能投票：）@Gunner别担心，我只是想帮你：），但你应该能够接受我的答案

if(pic.src.indexOf("one.jpg") >= 0)