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

Question

我写了一个简单的html和js代码，在点击时在两个图像之间切换，但相对url在js代码中不起作用。代码无效：

<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>

当我将相对网址更改为绝对工作正常时：

<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>

Answer 1

替换

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

与

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