Maison > interface Web > js tutoriel > Comment puis-je accéder à l'URL parent à partir d'une iframe lorsqu'elle se trouve sur un sous-domaine différent ?

Comment puis-je accéder à l'URL parent à partir d'une iframe lorsqu'elle se trouve sur un sous-domaine différent ?

Linda Hamilton
Libérer: 2024-11-12 01:02:03
original
688 Les gens l'ont consulté

How Can I Access the Parent URL from an iframe When It's on a Different Subdomain?

Accès à l'URL parent à partir d'une iframe : limitations et solutions alternatives

Accès à l'URL de la page parent à partir d'une iframe pose des limitations lorsque l'iframe et la page principale réside sur différents sous-domaines. Bien qu'ils appartiennent au même domaine, les sous-domaines sont traités comme des entités distinctes pour des raisons de sécurité, empêchant ainsi l'accès entre cadres.

Accès à l'URL parent à partir du même sous-domaine

Si les deux La page parent et l'iframe résident sur le même sous-domaine, on peut utiliser l'approche suivante pour récupérer le nom de la page parent. URL :

parent.window.location.href
Copier après la connexion

Utilisation de méthodes alternatives

Cependant, lorsqu'il s'agit de différents sous-domaines, une méthode alternative viable est disponible pour les situations où seule l'URL de la page principale est nécessaire :

var url = (window.location != window.parent.location)
            ? document.referrer
            : document.location.href;
Copier après la connexion

Explication

  • window.parent.location : Cette expression fournit l'emplacement de la page parent, mais cela peut provoquer une erreur de sécurité lors de l'accès au href property.
  • document.referrer : Cette propriété renvoie l'URI de la page liée à l'iframe. Bien qu'il ne renvoie pas toujours le document contenant, il fournit une option de secours.
  • document.location : Cet objet représente l'URL du document actuel. Si l'iframe et la page parent se trouvent sur le même sous-domaine, la propriété href peut être utilisée.

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