相对网址在JavaScript(element.src）中不起作用

Relative url is not working in JavaScript (element.src)

本文关键字：src 不起作用 element JavaScript 相对      更新时间：2023-09-26

我写了一个简单的 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>

替换 

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

跟

if(pic.src.indexOf("one.jpg") >= 0)
相关文章：