Atrybut obciążenia HTML


Definicja i użycie

Atrybut onload jest uruchamiany po załadowaniu obiektu.

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.). Można go jednak używać również w innych elementach (patrz „Obsługiwane tagi HTML” poniżej).

W przypadku elementów wejściowych atrybut onload jest obsługiwany tylko wtedy, gdy <input type="image">

Atrybut onload może być użyty do sprawdzenia typu i wersji przeglądarki odwiedzającego oraz do załadowania odpowiedniej wersji strony internetowej na podstawie tych informacji.


Dotyczy

Atrybut onload jest częścią atrybutów zdarzenia i może być używany w następujących elementach:

Elementy
<ciało>
<iframe>
<img>
<wejście>
<link>
<skrypt>
<styl>

Przykłady

Przykład ciała

Wykonaj JavaScript natychmiast po załadowaniu strony:

<body onload="myFunction()">

Przykład obrazu

Używanie onload na elemencie <img>. Alert „Obraz jest załadowany” natychmiast po załadowaniu obrazu:

<img src="w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>

Przykład wejścia

Używanie onload na elemencie <input type="image">. Alert „Obraz jest załadowany” natychmiast po załadowaniu obrazu:

<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>

Obsługa przeglądarki

onloadAtrybut ma następującą obsługę przeglądarki dla każdego elementu :

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