Maison  >  Article  >  interface Web  >  Quels sont les événements de chargement d’iframe ?

Quels sont les événements de chargement d’iframe ?

DDD
DDDoriginal
2023-08-28 13:55:353600parcourir

Les événements de chargement iframe incluent l'événement onload, l'événement onreadystatechange, l'événement onbeforeunload, l'événement onerror, l'événement onabort, etc. Description détaillée : 1. événement onload, spécifiant le code JavaScript à exécuter après le chargement de l'iframe ; 2. événement onreadystatechange, spécifiant le code JavaScript à exécuter lorsque l'état de l'iframe change, etc.

Quels sont les événements de chargement d’iframe ?

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.

iframe est une balise HTML utilisée pour intégrer un document HTML dans un autre document HTML. En utilisant des iframes, le contenu d'autres pages Web peut être affiché dans une page Web. Plusieurs événements différents peuvent être déclenchés lors du chargement d’une iframe. Certains événements courants de chargement d’iframe sont présentés ci-dessous.

1. événement onload : déclenché lorsque l'iframe est chargé. Vous pouvez spécifier le code JavaScript à exécuter une fois le chargement terminé en ajoutant l'attribut onload à la balise iframe. Par exemple :

<iframe src="example.html" onload="myFunction()"></iframe>

2. Événement onreadystatechange : déclenché lorsque l'état de l'iframe change. Vous pouvez spécifier le code JavaScript à exécuter lorsque l'état change en ajoutant l'attribut onreadystatechange à la balise iframe. Par exemple :

<iframe src="example.html" onreadystatechange="myFunction()"></iframe>

3. événement onbeforeunload : déclenché lorsque l'utilisateur quitte la page en cours ou recharge la page. Vous pouvez spécifier le code JavaScript à exécuter avant que l'utilisateur ne quitte la page en ajoutant l'attribut onbeforeunload à la balise iframe. Par exemple :

<iframe src="example.html" onbeforeunload="myFunction()"></iframe>

4. événement onerror : déclenché lorsque l'iframe ne parvient pas à se charger. Vous pouvez spécifier le code JavaScript à exécuter en cas d'échec du chargement en ajoutant l'attribut onerror à la balise iframe. Par exemple :

<iframe src="example.html" onerror="myFunction()"></iframe>

5. événement onabort : déclenché lorsque le chargement de l'iframe est interrompu. Vous pouvez spécifier le code JavaScript à exécuter lorsque le chargement est interrompu en ajoutant l'attribut onabort à la balise iframe. Par exemple :

<iframe src="example.html" onabort="myFunction()"></iframe>

Ce sont quelques événements de chargement d'iframe courants. Vous pouvez choisir l'événement approprié pour effectuer l'opération correspondante en fonction de besoins spécifiques. En utilisant ces événements, une expérience de chargement d'iframe plus flexible et interactive peut être obtenue.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn