Qual è l'evento della finestra Onload in JavaScript?

Con i nuovi progressi nello sviluppo web, JavaScript si sta persino evolvendo in diversi quadri, il che rende la vita facile per gli sviluppatori. Parlando del suo uso, per ora molti siti Web famosi sono costruiti su JavaScript che descrive quanto sia affidabile questa lingua.

JavaScript ha un evento di finestra Onload per avviare alcune funzioni ogni volta che viene caricata una pagina web. L'evento Onload viene utilizzato anche per la verifica del tipo e della versione del browser del visitatore. Ulteriori cookie possono anche essere controllati tramite l'attributo Onload.

L'attributo di Onload innesca quando l'oggetto viene caricato in HTML. Questo per avviare lo script ogni volta che l'elemento associato si carica. In parole più semplici, possiamo dire che l'evento di Onload finestra viene attivato ogni volta che viene lanciata una pagina web correttamente.

L'evento Onload viene utilizzato per eseguire uno script una volta che la sua sostanza (che include file CSS, immagini e script) della pagina è completamente attivata. Tuttavia, non hai sempre bisogno di un tag. Può essere usato con altri elementi HTML.

Il download.Onload si lancia prima delle immagini e dei contenuti esterni, attivato appena prima della finestra.Onload. Considerando che, finestra.Onload inizia dopo il caricamento della pagina tra cui CSS, file di script, immagini e molti altri.

Se si desidera manipolare l'evento di caricamento in JavaScript, è necessario registrare l'ascoltatore di eventi attraverso il metodo di addEventListener () come mostrato nell'esempio seguente:

finestra.addEventListener ('load', (event) =>
console.registro (pagina caricata);
);

Puoi anche gestire l'evento di caricamento attraverso la proprietà dell'oggetto finestra i.e. Onload. L'esempio seguente mostra come utilizzare la proprietà Onload:

finestra.onload = (event) =>
console.log ('pagina caricata');
;

Finestra.Evento Onload nella sezione principale di HTML

Prima di tutto, presenteremo un semplice esempio di finestra.Evento Onload. In questo esempio, visualizziamo semplicemente un messaggio di avviso ogni volta che viene caricata una pagina.

Sintassi

finestra.onload = functionName ();

Esempio

Produzione

Evento Onload nella sezione Body di HTML

Il contenuto può essere visualizzato nella sezione del corpo di HTML. Ogni volta che la pagina web viene caricata, l'evento che si è verificato in quel momento è chiamato Onload Event. Possiamo utilizzare l'evento Onload nella sezione Body in modo da poter eseguire lo script.

Sintassi

Esempio

Se si desidera utilizzare un evento Onload all'interno della sezione Body, eseguire il seguente codice.

Produzione

Finestra Onload Evento nella sezione Body di HTML

L'oggetto della finestra Onload rappresenta la finestra del browser. Ogni volta che tutte le operazioni vengono completamente caricate, la proprietà Onload elabora l'evento di caricamento. La funzione che vogliamo eseguire è allocata alla funzione gestore della proprietà Onload. Ogni volta che viene caricata la pagina web, verrà eseguita la funzione. Ti abbiamo fornito un esempio di seguito.

Sintassi

finestra.Onload = function functionName ()
// Scrivi la funzione qui

Esempio

Cos'è l'evento di finestra onload in javascript?

Script eseguito. Ora puoi controllare la tua console per vedere l'output.

Produzione

Output di console

Se vuoi vedere l'output della console, devi aprire DevTool premendo i tasti di scelta rapida i.e. Ctrl+ shift+ i. Dopo aver aperto il DevTool, sarai in grado di vedere la schermata di uscita della console come mostrato di seguito.

Conclusione

Abbiamo imparato cosa finestra.L'evento Onload () è e ha anche appreso la sintassi dell'evento Onload. Abbiamo discusso brevemente di diversi metodi su come scrivere eventi Onload in JavaScript insieme a un esempio. Per ricapitolare, finestra.evento onload () innesca dopo la carica di carichi Web. Vediamo anche che l'evento Onload è utile per impostare la versione dei browser e utilizzato anche per osservare i cookie di una pagina web.