HTML Атрибут событий onload
Пример
Выполненить 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> и <style> |
|---|
Больше Примеров
Пример
С помощью события onload элемент <img>. Предупреждение "Изображение загружено" сразу после загрузки изображения:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Изображение загружено");
}
</script>
Попробуйте сами »
Пример
Использование события onload для работы с файлами cookie (с помощью javascript "advanced"):
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies включены.";
} else {
text = "Файлы cookie не включены.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
Попробуйте сами »
Связанные страницы
Справочник DOM HTML: Событие onload
❮ Атрибуты событий HTML
