Przykład
Wykonać JavaScript natychmiast po stronie został załadowany:
<body onload="myFunction()"> Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Onload zdarzenie ma miejsce, gdy obiekt został załadowany.
onload jest najczęściej używany w <body> elementu do wykonania skryptu raz strona internetowa została całkowicie załadowane wszystkie treści (w tym zdjęć, plików skryptów, plików CSS, etc.).
Zdarzenie onload może być użyty do sprawdzenia typ przeglądarki i wersji przeglądarki odwiedzającego i załadować właściwą wersję strony internetowej w oparciu o informacje.
Zdarzenie onload może być również używany do czynienia z cookies (patrz "More Examples" poniżej).
Wsparcie przeglądarka
| Zdarzenie | |||||
|---|---|---|---|---|---|
| onload | tak | tak | tak | tak | tak |
Składnia
W HTML:
W JavaScript:
object .onload=function(){ Spróbuj sam " W JavaScript, używając addEventListener() metodę:
object .addEventListener("load", myScript );
Spróbuj sam " Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
| bubbles: | Nie |
|---|---|
| opłata: | Nie |
| Typ wydarzenia: | UIEvent jeśli generowane z interfejsem użytkownika, zdarzenie inaczej. |
| Obsługiwane znaczniki HTML: | <body> <frame>, <iframe>, <img>, <input type = "image">, <link>, <script>, <style> |
| DOM wersja: | Poziom 2 Wydarzenia |
Więcej przykładów
Przykład
Korzystanie onload na zasadzie <img> elementu. Alert "Image is loaded" natychmiast po 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
Korzystanie zdarzenie onload do czynienia z ciasteczek:
<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 " <Object Event