Atribut události HTML onload
Příklad
Spusťte JavaScript ihned po načtení stránky:
<body onload="myFunction()">
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Atribut onload se aktivuje při načtení objektu.
onload se nejčastěji používá v rámci prvku <body> ke spuštění skriptu, jakmile webová stránka kompletně načte veškerý obsah (včetně obrázků, souborů skriptů, souborů CSS atd.). Lze jej však použít i na jiných prvcích (viz „Podporované HTML tagy“ níže).
Atribut onload lze použít ke kontrole typu prohlížeče a verze prohlížeče návštěvníka a na základě informací načíst správnou verzi webové stránky.
Atribut onload lze také použít ke zpracování souborů cookie (viz „Další příklady“ níže).
Podpora prohlížeče
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Syntax
<element onload="script">
Hodnoty atributů
| Value | Description |
|---|---|
| script | The script to be run on onload |
Technické údaje
| Podporované HTML tagy: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> a <style> |
|---|
Další příklady
Příklad
Použití onload u prvku <img>. Upozornění „Obrázek je načten“ ihned po načtení obrázku:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Příklad
Použití události onload k řešení souborů cookie (pomocí „pokročilého“ javascriptu):
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
Související stránky
Odkaz HTML DOM: událost onload
❮ Atributy události HTML