событие загрузки
Пример
Выполнение JavaScript сразу после загрузки страницы:
<body onload="myFunction()">
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Событие onload происходит, когда объект загружен.
onload чаще всего используется в элементе <body> для выполнения сценария после того, как веб-страница полностью загрузила весь контент (включая изображения, файлы сценариев, файлы CSS и т. д.).
Событие onload можно использовать для проверки типа и версии браузера посетителя, а также для загрузки нужной версии веб-страницы на основе информации.
Событие onload также можно использовать для обработки файлов cookie (см. «Дополнительные примеры» ниже).
Поддержка браузера
| Event | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Синтаксис
В HTML:
<element onload="myScript">
В JavaScript:
object.onload = function(){myScript};
В JavaScript с помощью метода addEventListener():
object.addEventListener("load", myScript);
Примечание. Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
| Пузыри: | Нет |
|---|---|
| Отменяемо: | Нет |
| Тип события: | UiEvent , если генерируется из пользовательского интерфейса, в противном случае — Event . |
| Поддерживаемые HTML-теги: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
| Версия ДОМ: | События уровня 2 |
Дополнительные примеры
Пример
Использование onload для элемента <img>. Оповещение «Изображение загружено» сразу после загрузки изображения:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Пример
Использование события 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>