Maison  >  Article  >  interface Web  >  Comment accéder à l'Iframe parent à partir de JavaScript ?

Comment accéder à l'Iframe parent à partir de JavaScript ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-06 00:59:02832parcourir

How to Access Parent Iframe from JavaScript?

Accès à l'iframe parent à partir de JavaScript

Dans le développement Web, il peut être nécessaire d'interagir avec un iframe parent à partir d'une page chargée à l'intérieur de celui-ci. Ceci peut être réalisé à l'aide de JavaScript, vous permettant de manipuler ou de récupérer des informations du cadre parent.

Considérons un scénario dans lequel plusieurs iframes avec un contenu généré dynamiquement sont chargées. Chaque iframe peut contenir la même page, mais pour des raisons spécifiques, il est essentiel d'identifier quelle iframe doit être fermée. Pour ce faire, un tableau est maintenu pour conserver les références à ces iframes.

Pour accéder à l'iframe parent à partir de la page chargée, vous pouvez utiliser l'approche suivante :

  1. Attribuer un identifiant et un nom uniques à l'iframe :
    Définissez les attributs id et name de l'iframe sur la même valeur.

    <iframe>
  2. Récupérer le cadre parent de la page chargée :
    Dans la page enfant (c'est-à-dire la page chargée à l'intérieur de l'iframe), utilisez le code suivant pour accéder à l'iframe parent :

    parent.document.getElementById(window.name);

En suivant cette méthode, vous pouvez établir une connexion entre la page enfant et son iframe parent, vous permettant de manipuler l'iframe ou d'en recueillir des informations par programme.

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