Beispiel
Führen Sie einen JavaScript unmittelbar nach einer Seite geladen ist:
<body onload="myFunction()"> Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Das Onload-Ereignis tritt ein, wenn ein Objekt geladen wurde.
onload wird am häufigsten innerhalb der verwendeten <body> Element ein Skript auszuführen , wenn eine Web - Seite vollständig alle Inhalte (einschließlich Bilder, Script - Dateien, CSS - Dateien usw.) geladen ist.
Das Onload-Ereignis kann verwendet werden, den Browser des Besuchers Typ und Browser-Version zu überprüfen, und laden Sie die richtige Version der Web-Seite auf der Grundlage der Informationen.
Das onload Ereignis kann auch behandeln verwendet werden cookies (siehe "More Examples" unten).
Browser-Unterstützung
| Event | |||||
|---|---|---|---|---|---|
| onload | Ja | Ja | Ja | Ja | Ja |
Syntax
In HTML:
In JavaScript:
object .onload=function(){ Versuch es selber " In JavaScript mit den addEventListener() Methode:
object .addEventListener("load", myScript );
Versuch es selber " Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
| Blasen: | Nein |
|---|---|
| Es fällt eine Pauschale: | Nein |
| Event-Typ: | UIEvent wenn von einer Benutzeroberfläche, Ereignis anders erzeugt. |
| Unterstützte HTML-Tags: | <body>, <frame>, <iframe>, <img>, <input type = "image">, <link>, <script>, <style> |
| DOM Version: | Level 2 Veranstaltungen |
Mehr Beispiele
Beispiel
Mit onload auf einem <img> Elemente. Alarm "Image is loaded" wird "Image is loaded" sofort , nachdem ein Bild geladen wurde:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Versuch es selber " Beispiel
Mit Hilfe des onload-Event mit Cookies umgehen:
<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>
Versuch es selber " <Ereignisobjekt