Quels sont les événements d'écoute iframe ?

Les événements de surveillance iframe incluent l'événement onload, l'événement onunload, l'événement onbeforeunload, l'événement onmessage, l'événement onerror, etc. Description détaillée : 1. Ajoutez un événement onload, qui est déclenché lorsque le contenu de l'iframe est chargé ; 2. Ajoutez un événement onunload, qui est déclenché lorsque le contenu de l'iframe est déchargé ; 3. Ajoutez un événement onbeforeunload, qui est ; déclenché avant que le contenu de l'iframe ne soit déchargé, etc.

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

iframe est une balise en HTML qui permet d'intégrer d'autres pages Web ou documents dans une page Web. En utilisant iframe, nous pouvons intégrer d'autres pages Web ou documents dans la page actuelle, réalisant ainsi l'imbrication et l'interaction des pages.

Lorsque nous utilisons iframe, nous pouvons contrôler et interagir avec l'iframe en écoutant différents événements. Voici quelques événements iframe courants :

1. Événement onload : Déclenché lorsque le contenu de l'iframe est chargé. Vous pouvez écouter cet événement en ajoutant l'attribut onload à la balise iframe, par exemple :

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

Dans le code ci-dessus, lorsque le contenu de l'iframe est chargé, la fonction nommée iframeLoaded sera appelée.

2. Événement onunload : Déclenché lorsque le contenu de l'iframe est déchargé. Vous pouvez écouter cet événement en ajoutant l'attribut onunload à la balise iframe, par exemple :

<iframe src="example.html" onunload="iframeUnloaded()"></iframe>

Dans le code ci-dessus, lorsque le contenu de l'iframe est déchargé, une fonction nommée iframeUnloaded sera appelée.

3. Événement onbeforeunload : Déclenché avant le déchargement du contenu de l'iframe. Vous pouvez écouter cet événement en ajoutant l'attribut onbeforeunload à la balise iframe, par exemple :

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

Dans le code ci-dessus, lorsque le contenu de l'iframe est sur le point d'être déchargé, la fonction nommée iframeBeforeUnload sera appelée.

4. événement onmessage : Déclenché lorsque le contenu de l'iframe envoie un message à la page parent. Cet événement peut être écouté en utilisant la méthode window.addEventListener dans la page parent, par exemple :

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
  // 处理接收到的消息
}

Dans le code ci-dessus, lorsque le contenu de l'iframe envoie un message à la page parent, une fonction nommée recevoirMessage sera appelée pour traiter les informations du message reçu.

5. événement d'erreur : Déclenché lorsque le contenu de l'iframe ne parvient pas à se charger. Vous pouvez écouter cet événement en ajoutant l'attribut onerror à la balise iframe, par exemple :

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

Dans le code ci-dessus, lorsque le contenu de l'iframe ne se charge pas, une fonction nommée iframeError sera appelée.

En écoutant ces événements, nous pouvons contrôler et interagir avec le chargement, le déchargement, la messagerie, etc. des iframes, obtenant ainsi des fonctions de page Web et une expérience utilisateur plus riches.

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!