HTML -Onload- Ereignisattribut
Beispiel
Führen Sie ein JavaScript sofort aus, nachdem eine Seite geladen wurde:
<body onload="myFunction()">
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das onload-Attribut wird ausgelöst, wenn ein Objekt geladen wurde.
onload wird am häufigsten innerhalb des <body>-Elements verwendet, um ein Skript auszuführen, sobald eine Webseite alle Inhalte (einschließlich Bilder, Skriptdateien, CSS-Dateien usw.) vollständig geladen hat. Es kann jedoch auch für andere Elemente verwendet werden (siehe „Unterstützte HTML-Tags“ weiter unten).
Das onload-Attribut kann verwendet werden, um den Browsertyp und die Browserversion des Besuchers zu überprüfen und basierend auf den Informationen die richtige Version der Webseite zu laden.
Das onload-Attribut kann auch verwendet werden, um mit Cookies umzugehen (siehe „Weitere Beispiele“ weiter unten).
Browser-Unterstützung
Event Attribute | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
Syntax
<element onload="script">
Attributwerte
Value | Description |
---|---|
script | The script to be run on onload |
Technische Details
Unterstützte HTML-Tags: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> und <style> |
---|
Mehr Beispiele
Beispiel
Verwenden von onload für ein <img>-Element. Warnung "Bild wird geladen" unmittelbar nachdem ein Bild geladen wurde:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Beispiel
Verwenden des Onload-Ereignisses zum Umgang mit Cookies (unter Verwendung von "erweitertem" 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>
Verwandte Seiten
HTML-DOM-Referenz: onload-Ereignis
❮ HTML-Ereignisattribute