Esempio
Esegui un JavaScript subito dopo una pagina è stata eseguita:
<body onload="myFunction()"> Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onload si verifica 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 (tra cui immagini, file di script, file CSS, etc.).
L'evento onload 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.
L'evento onload può anche essere utilizzato per trattare con cookies (vedi "More Examples" di seguito).
Supporto browser
| Evento | |||||
|---|---|---|---|---|---|
| onload | sì | sì | sì | sì | sì |
Sintassi
In HTML:
In JavaScript:
object .onload=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("load", myScript );
Prova tu stesso " Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| bolle: | No |
|---|---|
| cancelable: | No |
| Tipo di evento: | UIEvent se generato da un'interfaccia utente, Evento altrimenti. |
| tag HTML supportati: | <body>, <frame>, <iframe>, <img>, <input type = "image">, <link>, <script>, <style> |
| DOM Versione: | Livello 2 Eventi |
Altri esempi
Esempio
Utilizzando onload su un <img> elemento. Alert "Image is loaded" subito dopo l'immagine è stata caricata:
<img src="w3javascript.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 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 " <Oggetto evento