Изменение атрибута изображения 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, вы должны найти подходящий фреймворк для ваших нужд.

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

Также помните, чтоИзображение, в котором нет src, отображается с заполнителем X в большинстве браузеров, и вы можете скрыть его с помощью display:none; или при необходимости используя методы refresh.hide() и refresh.show() в jQuery.