HTML -Onload- Ereignisattribut

❮ HTML-Ereignisattribute

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