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 | Да | Да | Да | Да | Да |