Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Атрибут onload



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

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

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

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

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



Применение onload

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

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

Примеры onload

Пример Body

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

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

Пример Img

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

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

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

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

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

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