Attributo di caricamento HTML
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).
Per gli elementi di input, l'attributo onload è supportato solo quando <input type="image">
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.
Si applica a
L'attributo onload fa parte di Event Attributes e può essere utilizzato sui seguenti elementi:
| Elementi |
|---|
| <corpo> |
| <iframe> |
| <img> |
| <immissione> |
| <link> |
| <script> |
| <stile> |
Esempi
Esempio di corpo
Esegui un JavaScript subito dopo il caricamento di una pagina:
<body onload="myFunction()">
Esempio di immagine
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 di input
Utilizzo dell'onload su un elemento <input type="image">. Avvisa "L'immagine è caricata" immediatamente dopo il caricamento di un'immagine:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Supporto browser
L' onloadattributo ha il seguente supporto del browser per ogni elemento:
| Element | |||||
|---|---|---|---|---|---|
| body | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input type="image" | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| script | Yes | Yes | Yes | Yes | Yes |
| style | Yes | Yes | Yes | Yes | Yes |