Event onload

Wydarzenia DOM Obiekt Event

Definicja i użycie

Event onload występuje po załadowaniu obiektu.

Event onload jest najczęściej używany w elemencie <body>, aby wykonać skrypt po pełnym załadowaniu wszystkich treści strony (w tym obrazów, plików skryptowych, plików CSS itp.).

Event onload może być używany do sprawdzania typu i wersji przeglądarki użytkownika oraz ładowania odpowiedniej wersji strony internetowej na podstawie tych informacji.

Zdarzenie onload można również używać do obsługi cookie (zobacz więcej przykładów poniżej).

Przykład

Wykonanie JavaScript natychmiast po załadowaniu strony:

<body onload="myFunction()">

Spróbuj sam

Przykład 2

Użycie zdarzenia onload w elemencie <img>. Po załadowaniu obrazu natychmiast wyświetl komunikat "Obraz został załadowany":

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

Spróbuj sam

Przykład 3

Używanie zdarzenia onload do obsługi 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>

Spróbuj sam

Gramatyka

W HTML:

<element onload="myScript">

Spróbuj sam

W JavaScript:

object.onload = function(){myScript};

Spróbuj sam

W JavaScript, używając metody addEventListener():

object.addEventListener("load", myScript);

Spróbuj sam

Komentarz:Internet Explorer 8 lub wcześniejsze wersje nie obsługują Metoda addEventListener().

Szczegóły techniczne

Bąbelkowanie: Nieobsługiwane
Można anulować: Nieobsługiwane
Typ zdarzenia: jeśli został wygenerowany z interfejsu użytkownika,UiEvent. W przeciwnym razie Event.
Obsługiwane znaczniki HTML: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
DOM wersja: Wersja DOM:

Poziom 2 Wydarzenia

Wsparcie przeglądarki Chrome IE Firefox Safari Opera
onload Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie
Wydarzenia DOM Obiekt Event