Maison > interface Web > js tutoriel > Comment appeler une fonction de fenêtre parent depuis un iFrame ?

Comment appeler une fonction de fenêtre parent depuis un iFrame ?

Patricia Arquette
Libérer: 2024-12-02 18:37:15
original
440 Les gens l'ont consulté

How to Call a Parent Window Function from an iFrame?

Invocation de la fonction de fenêtre parent à partir d'un iFrame

Pour établir la communication entre un iFrame et sa fenêtre parent, vous pouvez rencontrer le besoin d'appeler une fonction de fenêtre parent depuis l'intérieur du iFrame. Cet article explique comment accomplir cette tâche.

Problème :

Vous disposez d'un iFrame intégré dans une fenêtre parent et vous souhaitez appeler une fonction JavaScript définie dans le fenêtre parent de l'iFrame.

Considérez l'extrait de code suivant :

<script>
    function abc() {
        alert("sss");
    }
</script>

<iframe>
Copier après la connexion

Dans ce Par exemple, cliquer sur le lien « Appelez-moi » dans l'iFrame ne déclenche pas la fonction abc() car la portée JavaScript de l'iFrame est isolée de la fenêtre parent.

Solution :

Pour appeler une fonction de fenêtre parent à partir d'un iFrame, vous devez spécifier explicitement la fenêtre parent à l'aide de la propriété window.parent. Voici comment modifier le code :

<a onclick="parent.abc();" href="#">Call Me</a>
Copier après la connexion

La syntaxe parent.abc() identifie la fonction abc() dans le contexte JavaScript de la fenêtre parent, vous permettant de l'invoquer depuis l'iFrame.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal