Maison > interface Web > js tutoriel > 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
Libérer: 2024-10-26 18:11:30
original
817 Les gens l'ont consulté

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>
    Copier après la connexion
  • Redirection de l'IFrame parent :

    <code class="javascript">window.parent.location.href = "http://www.example.com";</code>
    Copier après la connexion

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

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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal