Ultimele tutoriale de dezvoltare web
 

HTML onload Eveniment Atribut

<HTML Atributele Eveniment

Exemplu

Executați un JavaScript imediat după o pagină a fost încărcată:

<body onload="myFunction()">
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

onload atribuie incendii atunci când un obiect a fost încărcat.

onload este cel mai des utilizat în cadrul <body> Elementul pentru a executa un script odată ce o pagină web a încărcat complet tot conținutul (including images, script files, CSS files, etc.) . Cu toate acestea, el poate fi folosit pe alte elemente precum ( a se vedea "Supported HTML tags" - "Supported HTML tags" de mai jos).

onload atribut poate fi folosit pentru a verifica tipul de browser și versiunea browser - ul vizitatorului, și încărcați versiunea corectă a paginii web pe baza informațiilor.

onload atribut poate fi de asemenea folosit pentru a face cu cookies - "More Examples" cookies ( a se vedea "More Examples" de mai jos).


Suport pentru browser-

Eveniment Atribut
onload da da da da da

Diferențe între HTML 4.01 și HTML5

Nici unul.


Sintaxă

< Valorile atributelor
Valoare Descriere
script Script-ul pentru a fi rulat pe onload

Detalii tehnice

Tag-uri HTML acceptate: <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> și <style>

Mai multe exemple

Exemplu

Utilizarea onload pe <img> Element. Alarma "Image is loaded" imediat după ce o imagine a fost încărcată:

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

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
Încearcă - l singur »

Exemplu

Utilizarea evenimentului onLoad pentru a face față cu cookies - cookies (using "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>
Încearcă - l singur »

Pagini similare

HTML DOM referință: eveniment onload


<HTML Atributele Eveniment