使用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;或使用refresh.hide()和refresh.show()方法隐藏它jQuery根据需要。