HTML -onload- Attribut
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).
Für Eingabeelemente wird das onload-Attribut nur unterstützt, wenn <input type="image">
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.
Gilt für
Das onload-Attribut ist Teil der Ereignisattribute und kann für die folgenden Elemente verwendet werden:
| Elemente |
|---|
| <Körper> |
| <iframe> |
| <Bild> |
| <Eingabe> |
| <link> |
| <Skript> |
| <Stil> |
Beispiele
Körper Beispiel
Führen Sie ein JavaScript sofort aus, nachdem eine Seite geladen wurde:
<body onload="myFunction()">
Bildbeispiel
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>
Eingabebeispiel
Verwenden von onload für ein <input type="image">-Element. Warnung "Bild wird geladen" unmittelbar nachdem ein Bild geladen wurde:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Browser-Unterstützung
Das onloadAttribut hat die folgende Browserunterstützung für jedes Element:
| 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 |