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

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

Susan Sarandon
Libérer: 2024-11-06 00:59:02
original
976 Les gens l'ont consulté

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>
    Copier après la connexion
  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);
    Copier après la connexion

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!

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