Атрибут загрузки 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 |