Логотип 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


Пример

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

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

Больше примеров "Попробуйте сами" ниже.



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

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

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

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

Событие атрибута onload также может использоваться для работы с файлами cookie (см. "Дополнительные примеры" ниже).


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

Событие атрибута
onload Да Да Да Да Да

Синтаксис onload

<element onload="script">

Значение атрибута onload

Значение Описание
script Сценарий для запуска при onload

Технические подробности onload

Поддержка тегов: <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> и <style>

Ещё примеры onload

Пример

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

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

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

Пример

Использование события onload для работы с файлами cookie (с помощью javascript "advanced"):

<body onload="checkCookies()">

<p id="demo"></p>

<script>
function checkCookies() {
    var text = "";
    if (navigator.cookieEnabled == true) {
        text = "Cookies включены.";
    } else {
        text = "Файлы cookie не включены.";
    }
    document.getElementById("demo").innerHTML = text;
}
</script>
Попробуйте сами »

Связанные страницы onload

Справочник DOM HTML: Событие onload