HTML атрибут-событие onload

Событие onload возникает, когда объект загружен.

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

Атрибут onload может использоваться для определения типа и версии браузера посетителя, чтобы затем, основываясь на полученной информации, загрузить соответствующую версию веб-страницы.

Также, атрибут onload может использоваться для работы с кукисами (см. Примеры).

Особенности
Поддерживаемые HTML теги: <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>

Синтаксис атрибута

<element onload="script">

Значения атрибута

ЗначениеОписание
scriptСкрипт, исполняющийся при возникновении события

Пример использования атрибута

Пример №1

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


<body onload="myFunction()">

Пример №2

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


<img src="//msiter.ru/w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Изображение загружено");
}
</script>

Пример №3

Запускает скрипт для работы с кукисами:


<body onload="checkCookies()">

<p id="demo"></p>

<script>
 function checkCookies() {
    var text = "";
    if (navigator.cookieEnabled == true) {
        text = "Cookies включены.";
    }
    else {
        text = "Cookies отключены.";
    }
     document.getElementById("demo").innerHTML = text;
}
</script>