пример
Выполнение JavaScript сразу после того, как страница была загружена:
<body onload="myFunction()"> Попробуй сам " Больше "Попробуйте сами" примеры ниже.
Определение и использование
onload атрибут пожаров , когда объект был загружен.
OnLoad чаще всего используется внутри <body> элемент для выполнения сценария , как только веб - страница полностью загружена все содержимое (включая изображения, файлы сценариев, CSS - файлов и т.д.). Тем не менее, он может быть использован на других элементах, а также (в разделе "Поддерживаемые HTML-теги" ниже).
onload атрибут может быть использован для проверки типа браузера и версии браузера посетителя, и загрузите соответствующую версию веб - страницы на основе информации.
onload атрибут может также использоваться , чтобы иметь дело с печеньем (см "Дополнительные примеры" ниже).
Поддержка браузеров
| Атрибут события | |||||
|---|---|---|---|---|---|
| onload | да | да | да | да | да |
Отличия между HTML 4.01 и HTML5
Никто.
Синтаксис
<elementonload=" 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("Image is
loaded");
}
</script>
Попробуй сам " пример
Использование события OnLoad , чтобы иметь дело с cookies ( с использованием "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 событие