Атрибут загрузки HTML


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

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

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

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

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


Относится к

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

Элементы
<тело>
<iframe>
<изображение>
<ввод>
<ссылка>
<скрипт>
<стиль>

Примеры

Пример тела

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

<body onload="myFunction()">

Пример изображения

Использование onload для элемента <img>. Оповещение «Изображение загружено» сразу после загрузки изображения:

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

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>

Пример ввода

Использование onload для элемента <input type="image">. Оповещение «Изображение загружено» сразу после загрузки изображения:

<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>

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

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

Element
body Yes Yes Yes Yes Yes
iframe Yes Yes Yes Yes Yes
img Yes Yes Yes Yes Yes
input type="image" Yes Yes Yes Yes Yes
link Yes Yes Yes Yes Yes
script Yes Yes Yes Yes Yes
style Yes Yes Yes Yes Yes