Attributo evento di caricamento HTML

❮ Attributi degli eventi HTML

Esempio

Esegui un JavaScript subito dopo il caricamento di una pagina:

<body onload="myFunction()">

Altri esempi "Provalo da solo" di seguito.


Definizione e utilizzo

L'attributo onload viene attivato quando un oggetto è stato caricato.

onload viene spesso utilizzato all'interno dell'elemento <body> per eseguire uno script una volta che una pagina Web ha caricato completamente tutto il contenuto (inclusi immagini, file di script, file CSS, ecc.). Tuttavia, può essere utilizzato anche su altri elementi (vedi "Tag HTML supportati" di seguito).

L'attributo onload può essere utilizzato per verificare il tipo di browser e la versione del browser del visitatore e caricare la versione corretta della pagina Web in base alle informazioni.

L'attributo onload può essere utilizzato anche per gestire i cookie (vedere "Altri esempi" di seguito).


Supporto browser

Event Attribute
onload Yes Yes Yes Yes Yes

Sintassi

<element onload="script">

Valori di attributo

Value Description
script The script to be run on onload

Dettagli tecnici

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

Altri esempi

Esempio

Utilizzo dell'onload su un elemento <img>. Avvisa "L'immagine è caricata" immediatamente dopo il caricamento di un'immagine:

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

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

Esempio

Utilizzo dell'evento onload per gestire i cookie (utilizzando javascript "avanzato"):

<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>

Pagine correlate

Riferimento DOM HTML: evento di caricamento


❮ Attributi degli eventi HTML