Событие onload
Пример
Запустить JavaScript сразу после загрузки страницы:
<body onload="myFunction()">
Попробуйте сами »
Ещё примеры "Попробуйте сами" ниже.
Определение и использование
Событие onload
происходит, когда объект был загружен.
Событие onload
чаще всего используется в элементе <body> для выполнения скрипта после того, как веб-страница полностью загрузила все содержимое (включая изображения, файлы скриптов, CSS-файлы и т.д.).
Событие onload
можно использовать для проверки типа браузера посетителя и
версии браузера и загрузки соответствующей версии веб-страницы на основе полученной информации.
Событие onload
также можно использовать для обработки файлов cookie (см. "Дополнительные примеры";
ниже).
Поддержка браузера
Событие | |||||
---|---|---|---|---|---|
onload | Да | Да | Да | Да | Да |
Синтаксис
В JavaScript, используйте метод addEventListener():
object.addEventListener("load", myScript);
Попробуйте сами »
Технические подробности
Пузыри: | Нет |
---|---|
Отменяемый: | Нет |
Тип события: | UiEvent если генерируется из пользовательского интерфейса, в противном случае Event. |
Поддержка HTML тегов: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
DOM Версия: | События 2 уровня |
Ещё примеры
Пример
Использовать событие onload для элемента <img>. Оповещение "Изображение загружено" сразу после загрузки изображения:
<img src="javascriptw3.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 включены.";
} else {
text = "Cookies не включены.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
Попробуйте сами »