HTML atribut onload
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).
U vstupních prvků je atribut onload podporován pouze při <input type="image">
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.
Platí pro
Atribut onload je součástí atributů události a lze jej použít u následujících prvků:
Prvky |
---|
<body> |
<iframe> |
<img> |
<vstup> |
<odkaz> |
<script> |
<styl> |
Příklady
Příklad těla
Spusťte JavaScript ihned po načtení stránky:
<body onload="myFunction()">
Příklad obrázku
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 vstupu
Použití onload u prvku <input type="image">. Upozornění „Obrázek je načten“ ihned po načtení obrázku:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Podpora prohlížeče
Atribut onload
má následující podporu prohlížeče pro každý prvek:
Element | |||||
---|---|---|---|---|---|
body | Yes | Yes | Yes | Yes | Yes |
iframe | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input type="image" | Yes | Yes | Yes | Yes | Yes |
link | Yes | Yes | Yes | Yes | Yes |
script | Yes | Yes | Yes | Yes | Yes |
style | Yes | Yes | Yes | Yes | Yes |