Maison > interface Web > js tutoriel > Comment accéder à l'Iframe parent à partir de JavaScript dans une page chargée dynamiquement ?

Comment accéder à l'Iframe parent à partir de JavaScript dans une page chargée dynamiquement ?

Linda Hamilton
Libérer: 2024-11-05 21:52:02
original
1004 Les gens l'ont consulté

How to Access the Parent Iframe from JavaScript in a Dynamically Loaded Page?

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

Dans un scénario où plusieurs iframes peuvent charger la même page de manière dynamique, accéder à l'iframe parent à partir du fichier chargé la page peut être difficile. Cet article répond à ce besoin en expliquant comment établir une connexion entre les iframes enfant et parent.

Solution :

Pour établir la communication entre la page enfant et son iframe parent. , une méthode efficace consiste à attribuer à l'iframe un nom et un identifiant explicites. En égalisant leurs valeurs, vous pouvez identifier efficacement l'iframe cible.

<iframe>
Copier après la connexion

À partir du code JavaScript intégré dans la page enfant, vous pouvez ensuite accéder à l'iframe parent en utilisant la syntaxe suivante :

parent.document.getElementById(window.name);
Copier après la connexion

Cette approche fournit un mécanisme de communication robuste et fiable entre la page enfant et l'iframe parent, quelle que soit leur nature dynamique. Il vous permet d'accéder et de manipuler l'iframe parent à partir de la page chargée, vous permettant d'effectuer des tâches telles que la fermeture de l'iframe ou la récupération d'informations 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!

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