Attributo evento di caricamento 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