L'evento Onload viene utilizzato per eseguire script e chiamare le funzioni JavaScript dopo che il contenuto di una pagina Web è stata caricata. Può essere utilizzato per ottenere le informazioni sul browser dell'utente in modo che la versione compatibile della pagina Web possa essere caricata. Gli eventi di Onload sono talvolta utilizzati anche per avere a che fare con i cookie. È più comunemente usato con il tag ma può anche essere usato con altri tag e come IMG, Link, Script, Style, Frame e IFrame Tag. Questa guida è incentrata sull'uso dell'evento Onload con il tag iFrame.

Prima di passare all'uso dell'evento Onload prima dovremmo farci conoscere il tag iFrame.

Il tag iFrame può essere utilizzato per creare pagine Web incorporate che vengono visualizzate all'interno di una regione rettangolare del confine sulla pagina Web host. Il tag iFrame può assumere attributi diversi come l'attributo SRC per specificare l'URL della pagina web e gli attributi di altezza e larghezza per la dimensione della pagina web incorporata:

Implementazione dell'evento Onload in iFrame in JavaScript

Ora che ci siamo fatti conoscere con il tag iFrame, daremo un'occhiata a come possiamo implementare un evento Onload su di esso.

Implementazione di un evento Onload in iFrame in JavaScript

Esistono diversi metodi che possono essere utilizzati per implementare l'evento Onload. Il modo più semplice è attraverso l'attributo Onload che può essere utilizzato direttamente con il tag iFrame.

attributo Onload

Implementazione dell'evento Onload in iFrame in JavaScript

Metodo addEventListener ()

Il secondo metodo è aggiungendo un ascoltatore di eventi al tag iFrame:

Implementazione dell'evento Onload in iFrame in JavaScript

Evento JavaScript Onload

Il terzo e l'ultimo metodo è utilizzando l'evento Onload direttamente sull'oggetto iFrame in JavaScript:

Implementazione dell'evento Onload in iFrame in JavaScript

Conclusione

Questa guida ha elencato tre diversi metodi per implementare l'evento Onload nel tag iFrame nei metodi JavaScript. Gli eventi Onload possono essere utilizzati per eseguire script dopo che il contenuto della pagina web è stato caricato.