Evento onload

Eventi DOM Oggetto Evento

Definizione e uso

L'evento onload si verifica dopo che l'oggetto è stato caricato.

L'evento onload viene utilizzato più spesso nel tag <body>, per eseguire lo script una volta che la pagina web ha caricato tutti i contenuti (tra cui immagini, file di script, file CSS, ecc.).

L'evento onload può essere utilizzato per controllare il tipo e la versione del browser dell'utente e caricare la versione corretta della pagina web in base a queste informazioni.

L'evento onload può anche essere utilizzato per gestire i cookie (vedi ulteriori esempi di seguito).

Esempio

Eseguire JavaScript immediatamente dopo il caricamento della pagina:

<body onload="myFunction()">

Prova tu stesso

Esempio 2

Utilizzare l'evento onload sull'elemento <img>. Dopo aver caricato l'immagine, invia immediatamente un avviso di "Immagine caricata":

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

Prova tu stesso

Esempio 3

Utilizzare l'evento onload per gestire i cookie:

<body onload="checkCookies()">
<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

Sintassi

In HTML:

<element onload="myScript">

Prova tu stesso

In JavaScript:

object.onload = function(){myScript};

Prova tu stesso

In JavaScript, utilizzare il metodo addEventListener():

object.addEventListener("load", myScript);

Prova tu stesso

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubble: Non supportato
Cancellable: Non supportato
Tipo di evento: Se generato dall'interfaccia utenteUiEvent. Altrimenti Event.
Supportati tag HTML: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
DOM 版本： Versione DOM:

Level 2 Events

Supporto browser Chrome IE Firefox Safari Opera
onload Supporto Supporto Supporto Supporto Supporto
Eventi DOM Oggetto Evento