Neueste Web-Entwicklung Tutorials
 

HTML Onload Ereignisattribut

<HTML Event - Attribute

Beispiel

Führen Sie einen JavaScript unmittelbar nach einer Seite geladen wurde:

<body onload="myFunction()">
Versuch es selber "

Mehr "Versuchen Sie es selbst" Beispiele unten.


Definition und Verwendung

Das onload - Attribut wird ausgelöst , 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 wurde. Es kann jedoch auf andere Elemente verwendet werden, als auch (siehe "Unterstützte HTML-Tags" weiter unten).

Das onload Attribut 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 Attribut kann auch mit Cookies (siehe "Weitere Beispiele" weiter unten) zu behandeln verwendet werden.


Browser-Unterstützung

Ereignisattribut
onload ja ja ja ja ja

Unterschiede zwischen HTML 4.01 und HTML5

Keiner.


Syntax

<elementonload=" script ">

Werte Attribut

Wert Beschreibung
script Das Skript wird auf onload laufen

Technische Details

Unterstützte HTML-Tags: <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> und <style>

Mehr Beispiele

Beispiel

Mit onload auf einem <img> Element. Alarm sofort "Bild geladen", nachdem ein Bild geladen wurde:

<img src="w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
Versuch es selber "

Beispiel

Mit dem onload - Ereignis zu behandeln cookies (mit "advanced" 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>
Versuch es selber "

Verwandte Seiten

HTML - DOM - Referenz: onload - Event


<HTML Event - Attribute