Изменение атрибута 'src' изображения с использованием javascript

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 по мере необходимости.