Atrybut zdarzenia obciążenia HTML
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
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).
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.
Atrybut onload może być również używany do obsługi plików cookie (patrz „Więcej przykładów” poniżej).
Obsługa przeglądarki
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Składnia
<element onload="script">
Wartości atrybutów
| Value | Description |
|---|---|
| script | The script to be run on onload |
Szczegóły techniczne
| Obsługiwane tagi HTML: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> i <style> |
|---|
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="w3html.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 (za pomocą „zaawansowanego” javascript):
<body onload="checkCookies()">
<p id="demo"></p>
<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>
Powiązane strony
Odniesienie HTML DOM: zdarzenie onload
❮ Atrybuty zdarzeń HTML