JavaScript问题——onMouseOver事件

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 中，图像源很可能是绝对 URL，因此 src 可能是 "http://mydomain.com/01.jpg "

要对此进行测试，请尝试在代码中设置 alert() 以查看实际的 src 值是什么

您可能还应该将该代码放入一个函数中，在内联 HTML 中需要放入大量 javascript。