Comment implémenter un événement Onload dans Iframe dans JavaScript

Comment implémenter un événement Onload dans Iframe dans JavaScript
L'événement Onload est utilisé pour exécuter des scripts et appeler des fonctions JavaScript après que le contenu d'une page Web a été chargé. Il peut être utilisé pour obtenir les informations sur le navigateur de l'utilisateur afin que la version compatible de la page Web puisse être chargée. Les événements Onload sont également parfois utilisés pour gérer les cookies. Il est le plus souvent utilisé avec la balise mais peut également être utilisé avec d'autres balises, comme l'img, le lien, le script, le style, le cadre et la balise IFRAME. Ce guide concerne l'utilisation de l'événement Onload avec la balise IFRAME.

Avant de passer à l'utilisation de l'événement Onload, nous devons nous familiariser avec la balise IFRAME.

La balise IFRAME peut être utilisée pour créer des pages Web intégrées qui sont affichées à l'intérieur d'une région rectangulaire bordée sur la page Web de l'hôte. La balise IFRAME peut prendre différents attributs tels que l'attribut SRC pour spécifier l'URL de la page Web et les attributs de hauteur et de largeur pour la taille de la page Web intégrée:





Implémentation de l'événement Onload dans iframe en javascript





Maintenant que nous nous sommes familiarisés avec la balise iframe, nous allons examiner comment nous pouvons implémenter un événement Onload dessus.

Implémentation d'un événement Onload dans Iframe dans JavaScript

Il existe plusieurs méthodes différentes qui peuvent être utilisées pour implémenter l'événement Onload. Le moyen le plus simple consiste à via l'attribut onload qui peut être utilisé directement avec la balise IFRAME.

attribut onload





Implémentation de l'événement Onload dans iframe en javascript






Méthode addEventListener ()

La deuxième méthode consiste en ajoutant un écouteur d'événements à la balise IFRAME:





Implémentation de l'événement Onload dans iframe en javascript






Événement JavaScript Onload

La troisième et la dernière méthode consiste à utiliser l'événement Onload directement sur l'objet iframe en javascript:





Implémentation de l'événement Onload dans iframe en javascript






Conclusion

Ce guide a énuméré trois méthodes différentes d'implémentation de l'événement Onload dans la balise IFRAME dans les méthodes JavaScript. Les événements Onload peuvent être utilisés pour exécuter des scripts après le chargement du contenu de la page Web.