Событие onload

События DOM Объект Event

Определение и использование

Событие onload возникает после загрузки объекта.

Событие onload наиболее часто используется в элементе <body>, чтобы выполнять скрипты после того, как веб-страница полностью загрузила все содержимое (включая изображения, файлы скриптов, файлы CSS и т.д.).

Событие onload можно использовать для проверки типа и версии браузера посетителя и загрузки правильной версии веб-страницы на основе этой информации.

Событие onload также можно использовать для обработки cookie (см.下面的 примеры).

Пример

Выполните JavaScript сразу после загрузки страницы:

<body onload="myFunction()">

Попробуйте сами

Пример 2

Используйте onload в элементе <img>. После загрузки изображения выдается уведомление «Изображение загружено»:

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

Попробуйте сами

Пример 3

Используйте событие onload для обработки cookie:

<body onload="checkCookies()">
<script>
function checkCookies() {
  var text = "";
  if (navigator.cookieEnabled == true) {
    text = "Cookies are enabled.";
  } else {
     text = "Cookies are not enabled.";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>

Попробуйте сами

Грамматика

В HTML:

<элемент onload="myScript">

Попробуйте сами

В JavaScript:

объект.onload = function(){myScript};

Попробуйте сами

В JavaScript, используйте метод addEventListener():

объект.addEventListener("load", myScript);

Попробуйте сами

Комментарий:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бубнеж: Не поддерживается
Можете ли вы отменить: Не поддерживается
Тип события: Если событие генерируется из пользовательского интерфейсаUiEvent. В противном случае Event.
Поддерживаемые теги HTML: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
Версия DOM: Уровень 2 событий

Поддержка браузеров

События Chrome IE Firefox Safari Opera
onload Поддержка Поддержка Поддержка Поддержка Поддержка
События DOM Объект Event