Описание onload
Атрибут onload срабатывает, когда объект был загружен.
Атрибут onload чаще всего используется в элементе <body>, чтобы выполнить скрипт после того, как веб-страница полностью загрузится весь контент (включая изображения, файлы сценариев, файлы CSS, и т. д.). Однако его можно использовать и на других элементах (см. "Поддерживаемые теги HTML" ниже).
Для элементов input, атрибут onload поддерживается только при <input type="image">
Атрибут onload можно использовать для проверки типа браузера посетителя и версии браузера, а также для загрузки соответствующей версии веб-страницы на основе информации.
Применение onload
Атрибут onload является частью Атрибута Событий и может использоваться на следующих элементах.
| Элементы |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
Примеры onload
Пример Body
Выполнение JavaScript сразу после загрузки страницы:
<body onload="myFunction()">
Попробуйте сами »
Пример Img
С помощью события onload на элемент <img>. Уведомление "Изображение загружено" выполняется, сразу после загрузки изображения:
<img src="sw3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Изображение загружено");
}
</script>
Попробуйте сами »
Поддержка onload
Атрибут onload имеет следующую поддержку браузера для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| body | Да | Да | Да | Да | Да |
| iframe | Да | Да | Да | Да | Да |
| img | Да | Да | Да | Да | Да |
| link | Да | Да | Да | Да | Да |
| script | Да | Да | Да | Да | Да |
| style | Да | Да | Да | Да | Да |