Событие onload

23.09.2010

Влад Мержевич

Internet Explorer Chrome Opera Safari Firefox Android iOS

4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Описание

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

Синтаксис

onload="скрипт"

Значения

Код скрипта

Значение по умолчанию

Нет.

Применяется к тегам

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
 <meta charset="utf-8">
 <title>Событие onload</title>
 <style>
 @keyframes _transparent {
 from { opacity: 0; }
 to { opacity: 1;}
 }
 @-webkit-keyframes _transparent {
 from { opacity: 0; }
 to { opacity: 1;}
 }
 @-moz-keyframes _transparent {
 from { opacity: 0; }
 to { opacity: 1;}
 }
 #status {
 position: absolute;
 background: #fc0;
 bottom: 0; right: 0;
 padding: 10px; margin: 0;
 display: none;
 animation: _transparent 3s;
 -webkit-animation: _transparent 3s;
 -moz-animation: _transparent 3s;
 }
 </style>
 <script>
 function loadPage() {
 document.getElementById('status').style.display = 'block';
 }
 </script>
 </head>
 <body onload="loadPage()">
 <p id="status">Страница загружена</p>
 </body>
</html>

В данном примере после загрузки страницы будет выведено сообщение «Страница загружена».