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> 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