Wydarzenie onload
Przykład
Wykonaj JavaScript natychmiast po załadowaniu strony:
<body onload="myFunction()">
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie onload występuje, gdy obiekt został załadowany.
onload jest najczęściej używany w elemencie <body> do wykonania skryptu, gdy strona internetowa całkowicie załadowała całą zawartość (w tym obrazy, pliki skryptów, pliki CSS itp.).
Zdarzenie onload może być wykorzystane do sprawdzenia typu i wersji przeglądarki odwiedzającego oraz do załadowania odpowiedniej wersji strony internetowej na podstawie tych informacji.
Zdarzenie onload może być również używane do obsługi plików cookie (patrz „Więcej przykładów” poniżej).
Obsługa przeglądarki
Event | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
Składnia
W HTML:
<element onload="myScript">
W JavaScript:
object.onload = function(){myScript};
W JavaScript za pomocą metody addEventListener():
object.addEventListener("load", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
Bąbelki: | Nie |
---|---|
Możliwość anulowania: | Nie |
Typ wydarzenia: | UiEvent , jeśli jest generowany z interfejsu użytkownika, Event w przeciwnym razie. |
Obsługiwane tagi HTML: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
Wersja DOM: | Wydarzenia poziomu 2 |
Więcej przykładów
Przykład
Używanie onload na elemencie <img>. Alert „Obraz jest załadowany” natychmiast po załadowaniu obrazu:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Przykład
Używanie zdarzenia onload do obsługi plików 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>