Maison  >  Article  >  interface Web  >  Comment puis-je rediriger la fenêtre parent d'un iFrame à l'aide de JavaScript ?

Comment puis-je rediriger la fenêtre parent d'un iFrame à l'aide de JavaScript ?

DDD
DDDoriginal
2024-10-26 18:11:30750parcourir

How can I redirect the parent window from an iFrame using JavaScript?

Redirection de la fenêtre parent à partir d'un iFrame

En présence d'un iFrame intégré au sein d'une fenêtre parent, il peut être nécessaire de rediriger le parent l'emplacement de la fenêtre vers une nouvelle URL. Pour y parvenir, JavaScript propose une solution simple.

Utiliser JavaScript pour rediriger la fenêtre parent

Dans le code JavaScript de votre iFrame, vous pouvez utiliser les méthodes suivantes :

  • Redirection de l'IFrame parent le plus élevé :

    <code class="javascript">window.top.location.href = "http://www.example.com";</code>
  • Redirection de l'IFrame parent :

    <code class="javascript">window.parent.location.href = "http://www.example.com";</code>

Ces extraits de code demanderont à l'iFrame parent respectif (le plus haut ou immédiat) de rediriger vers l'URL spécifiée.

Exemple HTML pour IFrame avec lien hypertexte

<code class="html"><iframe src="iframe.html"></iframe>

<a href="#" onclick="window.parent.location.href = 'http://www.example.com'">Click Here to Redirect Parent IFrame</a></code>

En cliquant sur le lien hypertexte dans l'iFrame, la fenêtre parent sera redirigée vers l'URL spécifié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!

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