caricare l' evento
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'evento onload si verifica 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.).
L'evento 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'evento onload può essere utilizzato anche per gestire i cookie (vedere "Altri esempi" di seguito).
Supporto del browser
Event | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
Sintassi
In HTML:
<element onload="myScript">
In JavaScript:
object.onload = function(){myScript};
In JavaScript, utilizzando il metodo addEventListener():
object.addEventListener("load", myScript);
Nota: il metodo addEventListener() non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
Bolle: | No |
---|---|
Annullabile: | No |
Tipo di evento: | UiEvent se generato da un'interfaccia utente, Event in caso contrario. |
Tag HTML supportati: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
Versione DOM: | Eventi di livello 2 |
Altri esempi
Esempio
Utilizzo dell'onload su un elemento <img>. Avvisa "L'immagine è caricata" immediatamente dopo il caricamento di un'immagine:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Esempio
Utilizzo dell'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>