In JavaScript, questo evento può essere applicato per avviare una particolare funzione quando la pagina è completamente visualizzata. Può anche essere utilizzato per verificare il tipo e la versione del browser del visitatore. Possiamo verificare quali cookie utilizza una pagina utilizzando il file caricare attributo.
In HTML, l'attributo onload si attiva quando un oggetto è stato caricato. Lo scopo di questo attributo è eseguire uno script quando viene caricato l'elemento associato.
In HTML, il caricare l'attributo è generalmente utilizzato con il file elemento per eseguire uno script una volta che il contenuto (inclusi file CSS, immagini, script, ecc.) della pagina web è stato completamente caricato. Non è necessario utilizzarlo solo con tag , poiché può essere utilizzato con altri elementi HTML.
La differenza tra il document.onload E finestra.onload È: document.onload si attiva prima del caricamento di immagini e altri contenuti esterni. Viene licenziato prima del finestra.onload . Mentre il finestra.onload si attiva quando viene caricata l'intera pagina, inclusi file CSS, file di script, immagini, ecc.
k algoritmo di clustering
Sintassi
window.onload = fun()
Cerchiamo di comprendere questo evento utilizzando alcuni esempi.
Esempio 1
In questo esempio è presente un elemento div con un'altezza di 200 px e una larghezza di 200 px. Qui stiamo usando il finestra.onload() per modificare il colore di sfondo, la larghezza e l'altezza del file div elemento dopo aver caricato la pagina web.
Il colore dello sfondo è impostato su 'rosso' e larghezza e altezza sono impostate su 300px ogni.
window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById('bg').style.backgroundColor = 'red'; document.getElementById('bg').style.width = '300px'; document.getElementById('bg').style.height = '300px'; } <h2> This is an example of window.onload() </h2> Provalo adesso Produzione
stringa concat java
Dopo l'esecuzione del codice e il caricamento della pagina, l'output sarà:
Esempio2
In questo esempio, stiamo implementando una semplice animazione utilizzando le proprietà dell'oggetto DOM e le funzioni di javascript . Noi usiamo il Funzione JavaScript getElementById() per ottenere l'oggetto DOM e quindi assegnare quell'oggetto in una variabile globale.
pronunciare un comando
var img = null; function init(){ img = document.getElementById('myimg'); img.style.position = 'relative'; img.style.left = '50px'; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + 'px'; } window.onload = init; <p>Click the below button to move the image right</p> Provalo adesso Produzione
Dopo la corretta esecuzione del codice sopra, l'output sarà:
Ora, c'è un esempio in cui utilizzeremo l'HTML caricare attributo e le funzioni JavaScript.
esempi di programmazione Python
Esempio3
È un semplice esempio di utilizzo dell'HTML caricare attributo con la funzione definita in JavaScript. In questo esempio, il mettere in guardia() la funzione viene chiamata ogni volta che il documento viene aggiornato.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Provalo adesso Produzione
Dopo l'esecuzione del codice sopra, l'output sarà:
