пример
Выполнение JavaScript сразу после того, как страница была загружена:
<body onload="myFunction()"> Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Событие загрузки происходит, когда объект был загружен.
OnLoad чаще всего используется в <body> элемент для выполнения сценария , как только веб - страница полностью загрузится все содержимое (включая изображения, файлы сценариев, CSS файлы и т.д.).
Событие OnLoad может быть использовано для проверки типа браузера и версии браузера посетителя, и загрузите соответствующую версию веб-страницы на основе информации.
Событие OnLoad может также использоваться для борьбы с cookies (см "More Examples" ниже).
Поддержка браузеров
| Мероприятие | |||||
|---|---|---|---|---|---|
| onload | да | да | да | да | да |
Синтаксис
В HTML:
В JavaScript:
object .onload=function(){ Попробуй сам " В JavaScript, используя addEventListener() метод:
object .addEventListener("load", myScript );
Попробуй сам " Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | нет |
|---|---|
| аннулированию: | нет |
| Тип события: | UIEvent если генерируется из пользовательского интерфейса, события в противном случае. |
| Поддерживаемые HTML-теги: | <тело>, <кадр>, <IFRAME>, <IMG>, <входной тип = "изображение">, <ссылка>, <скрипт>, <style> |
| DOM Версия: | Уровень 2 События |
Еще примеры
пример
Использование OnLoad на качестве <img> элемент. Предупреждение "Image is loaded" сразу после загрузки изображения:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Попробуй сам " пример
Используя событие OnLoad, чтобы иметь дело с печеньем:
<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>
Попробуй сам " <Объект Event