САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

На сайте нет рекламы

HTML Атрибут onload



Определение и использование

Атрибут onload срабатывает, когда объект был загружен.

Атрибут onload чаще всего используется в элементе <body>, чтобы выполнить скрипт после того, как веб-страница полностью загрузится весь контент (включая изображения, файлы сценариев, файлы CSS, и т. д.). Однако его можно использовать и на других элементах (см. "Поддерживаемые теги HTML" ниже).

Для элементов input, атрибут onload поддерживается только при <input type="image">

Атрибут onload можно использовать для проверки типа браузера посетителя и версии браузера, а также для загрузки соответствующей версии веб-страницы на основе информации.


Применение

Атрибут onload является частью Атрибута Событий и может использоваться на следующих элементах.

Элементы
<body>
<iframe>
<img>
<input>
<link>
<script>
<style>

Примеры

Пример Body

Выполнение JavaScript сразу после загрузки страницы:

<body onload="myFunction()">
Попробуйте сами »

Пример Img

С помощью события onload на элемент <img>. Уведомление "Изображение загружено" выполняется, сразу после загрузки изображения:

<img src="w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Изображение загружено");
}
</script>
Попробуйте сами »

Поддержка браузеров

Атрибут onload имеет следующую поддержку браузера для каждого элемента:

Элемент
body Да Да Да Да Да
iframe Да Да Да Да Да
img Да Да Да Да Да
link Да Да Да Да Да
script Да Да Да Да Да
style Да Да Да Да Да