událost načtení
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í
Událost onload nastane, když byl načten objekt.
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.).
Událost 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.
Událost onload lze také použít k řešení souborů cookie (viz „Další příklady“ níže).
Podpora prohlížeče
Event | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
Syntax
V HTML:
<element onload="myScript">
V JavaScriptu:
object.onload = function(){myScript};
V JavaScriptu pomocí metody addEventListener():
object.addEventListener("load", myScript);
Poznámka: Metoda addEventListener() není podporována v aplikaci Internet Explorer 8 a starších verzích.
Technické údaje
bubliny: | Ne |
---|---|
Zrušitelné: | Ne |
Typ události: | UiEvent , pokud je generován z uživatelského rozhraní, Event jinak. |
Podporované HTML tagy: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
Verze DOM: | Události úrovně 2 |
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="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Příklad
Použití události onload ke zpracování souborů cookie:
<body onload="checkCookies()">
<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>