Question

为什么这段代码不按预期交换鼠标图片？：

<a href="#" onMouseOver="
 if (document.the_image.src == '01.jpg')
 {
  document.the_image.src = '02.jpg';
 }
 else if (document.the_image.src == '02.jpg')
 {
  document.the_image.src = '03.jpg';
 }
 else
 {
  document.the_image.src = '01.jpg';
 }
 ">
Some image</a><br>

Answer 1

最有可能在呈现的HTML中，图片来源是绝对网址，因此 src 可能是“http://mydomain.com/01.jpg”

要对此进行测试，请尝试在代码中设置 alert（），以查看实际的 src 值

您可能也应该将该代码放在一个函数中，这是一个很多javascript放在内联HTML中。

Answer 2

要补充@jaywon答案，如果是这种情况，您可以使用它来确保它匹配，无论绝对或相对URL。

if (document.the_image.src.indexOf('01.jpg') > 0) {
...
}

Answer 3

最后，我已经弄明白了如何发布完整的代码。非常感谢！：

<HTML>
<head>

<title></title>
<script language="javascript">
    var name = prompt('What is your name?', '');
    document.writeln('Welcome, ' + name + '.');
</script>
</head>


<body>

<a href="#" onMouseOver="
    if (document.the_image.src == '01.jpg')
    {
        document.the_image.src = '02.jpg';
    }
    else if (document.the_image.src == '02.jpg')
    {
        document.the_image.src = '03.jpg';
    }
    else
    {
        document.the_image.src = '01.jpg';
    }
    ">
<img src="01.jpg" name="the_image"></a><br>


</body>

</HTML>

JavaScript问题 - onMouseOver事件

3 个答案: