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

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

Dans le développement Web, il est souvent nécessaire de communiquer et d'accéder aux données entre les frames sur le même domaine ou sur des domaines différents . Cet article explore un scénario spécifique dans lequel vous avez une iframe intégrée à une page et vous devez accéder à l'iframe parent à partir de JavaScript dans le contenu de l'iframe.

Vous fournissez quelques détails supplémentaires, tels que :

• L'iframe parent est sur le même domaine que l'iframe enfant.
• Plusieurs iframes peuvent contenir la même page.
• L'objectif est de fermer l'iframe actuelle à partir de l'iframe contenu.

Pour répondre à cette exigence, vous pouvez envisager quelques approches :

Utiliser Window.opener

Cette propriété fournit une référence à la fenêtre qui a ouvert la fenêtre actuelle. Si l'iframe enfant a été ouverte par l'iframe parent, vous pouvez utiliser window.opener pour accéder à l'objet fenêtre de l'iframe parent et manipuler son DOM.

// Get the parent iframe's window object
var parentWindow = window.opener;

Utilisation des IFrames parents

Une autre option consiste à utiliser la propriété parent de l'objet document de l'iframe. Cette propriété fournit une référence au document parent, qui à son tour donne accès à l'objet fenêtre de l'iframe parent.

// Get the parent iframe's window object
var parentWindow = parent.window;

Attribution d'un nom et d'un identifiant

Vous pouvez définir les attributs name et id de l'iframe à la même valeur. Cela vous permet d'utiliser parent.document.getElementById(window.name) pour récupérer l'élément de l'iframe parent à partir de l'iframe enfant.

<iframe>

// Get the parent iframe's window object
var parentWindow = parent.document.getElementById(window.name);

En comprenant ces techniques, vous pouvez accéder et interagir avec l'iframe parent de JavaScript dans l'iframe enfant, vous permettant d'implémenter la fonctionnalité que vous désirez, comme la fermeture de l'iframe ou la récupération de données spécifiques.

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!