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
onload
Atrybut 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 |