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