ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



HTML onload Атрибут события

❮ Атрибуты события HTML

Пример

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

<body onload="myFunction()">

Больше примеров ниже.


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

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

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

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

Атрибут onload также может использоваться для борьбы с файлами cookie (см. ниже "Дополнительные примеры").


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

Атрибут события
onload Да Да Да Да Да

Различия между HTML 4,01 и HTML5

Нет.


Синтаксис

<element onload="script">

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

Значение Описание
script Сценарий, который будет выполняться на onload

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

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

Другие примеры

Пример

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

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

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>

Пример

Использование события OnLoad для обработки файлов cookie (с помощью "advanced" javascript):

<body onload="checkCookies()">

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

<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 DOM Ссылки: Событие onload


❮ Атрибуты события HTML