load()

Описание: Привязывает обработчик события к событию "load" JavaScript.

Этот метод является сокращением для .bind('load', handler).

Событие load передается элементу, когда он и все его под-элементы полностью загруженны. Это событие может быть посланно любому элементу, ассоциируемому с URL: изображения, сценарии, фреймы, i-фреймы, и объект window.

Возможно, что событие загрузки не будет запущенно если изображение загруженно из памяти браузера. Чтобы учесть эту возможность, мы можем использовать специальное событие загрузки, которое запускается немедленно если изображение готово. event.special.load в настоящее время доступно как плагин.

Для примера, рассмотрим страницу с простым изображением:

<img src="book.png" alt="Book" id="book" />

Обработчик события может быть привязан к изображению:

$('#book').load(function() {
  // Handler for .load() called.
});

Как только изображение загруженно, вызывается обработчик.

В общем, не надо ждать, пока все изображения будут полностью загружены. Если код может быть выполнен ранее, как правило, лучше поместить его в обработчик, посылаемый в метод .ready().

Модуль Ajax также имеет метод, называемый .load(). Который запускается в зависимости от посылаемых аргументов.

Примеры

Пример 1

$(window).load(function () {
  // run code
});

Пример 2

$('img.userIcon').load(function(){
  if($(this).height() > 100) {
    $(this).addClass('bigImg');
  }
});