使用javascript更改图像的'src'属性

Question

我正在使用javascript，因此当单击刷新按钮时，它将开始旋转，直到刷新完成。这是我的功能：

function RefreshHome() { 

// Refreshes the home page via the image link. 

// Make the refresh link animate. 
var refresh = document.getElementById("refresh_button"); 
refresh.src = "images/refresh_animated.gif"; 

// Refresh the page. 
window.location = "home.aspx"; 

return false; 
} 

这工作完美了一段时间，据我所知，莫名其妙地停止工作！当点击刷新按钮时，图像就会消失。

有人知道为什么会发生这种情况吗？

Answer 1

只是想提一下，这将在jQuery中更容易。您无需担心如何维护浏览器兼容性等。随着项目的增长，您的代码可能会变得不稳定，因此即使您不决定使用jQuery，您也应该找到满足您需求的suitable framework。

var refresh = $("#refresh_button"); 
refresh.attr("src", "images/refresh_animated.gif"); 

另外要注意，有没有SRC的图像显示了大多数浏览器的占位符X，您可以用display:none;或根据需要使用jQuery中的refresh.hide()和refresh.show()方法隐藏它。