Gli ultimi tutorial di sviluppo web
 

HTML onload attributo di evento

<HTML Attributi evento

Esempio

Esegui un JavaScript subito dopo una pagina è stata eseguita:

<body onload="myFunction()">
Prova tu stesso "

Più "Provate voi stessi" esempi di seguito.


Definizione e utilizzo

Il onload attributo incendi quando un oggetto è stato caricato.

onload è più spesso utilizzato all'interno del <body> elemento per eseguire uno script una volta una pagina web è stato caricato completamente tutti i contenuti (comprese le immagini, i file di script, file CSS, etc.). Tuttavia, può essere utilizzato su altri elementi come bene (vedi "tag HTML supportati" di seguito).

La onload attributo può essere utilizzato per controllare il tipo di browser e versione del browser del visitatore, e caricare la versione corretta della pagina web in base alle informazioni.

La onload attributo può essere utilizzato anche per trattare con i cookie (vedi "Altre Esempi" di seguito).


Supporto per il browser

attributo di evento
onload

Differenze tra HTML 4.01 e HTML5

Nessuna.


Sintassi

<elementonload=" script ">

I valori degli attributi

Valore Descrizione
script Lo script per essere eseguito su onload

Dettagli tecnici

tag HTML supportati: <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> e <style>

Altri esempi

Esempio

Utilizzando onload su un <img> elemento. Alert "L'immagine è caricato" immediatamente dopo l'immagine è stata caricata:

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

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
Prova tu stesso "

Esempio

Utilizzando l'evento onload a che fare con cookies (usando "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>
Prova tu stesso "

Pagine correlate

Di riferimento HTML DOM: evento onload


<HTML Attributi evento