CSS властивості
ГлавнаяДовідник HTMLПодія onload в HTML

Подія onload в HTML

176

Подія onload використовується як покажчик, що веб-сторінка повністю завантажена, включаючи вміст, зображення, стильові файли та зовнішні скрипти.

Синтаксис

onload="<скрипт>"

Значення

Див. скрипт.

Приклад

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Подія onload</title> <style> @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; }
</style> <script> function loadPage() { document.getElementById('status').style.display='block'; }
</script>
</head> <body onload="loadPage()"> <p id="status">Сторінку завантажено</p>
</body>
</html>

У цьому прикладі після завантаження сторінки буде виведено повідомлення «Сторінка завантажена».

Браузери

4 12 1 3 .5 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Кількість вказує версію браузреа, починаючи з якої елемент підтримується.