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