Vérifiez si la fenêtre parent est iframe ou pas

Comment puis-je dire à partir d'une page dans un iframe, si le parent est lui-même également dans une iframe?

Explication:

Ma page d'accueil home.html contient une iframe

<iframe src="sample.html"></iframe>

J'ai besoin de détecter si home.html (ie: parent de sample.html) est dans une iframe.

Code dans sample.html:

if(self==window)
{
    alert('home.html is not in iframe');
}
else
{
    alert('home.html is in iframe');
}

Ma question n'est pas un doublon. C'est un cas différent.

  • C'est un peu floues... avez-vous une iframe dans une page dans une iframe? Voulez-vous vérifier si une page est dans une iframe, ou si la page contenant l'iframe est dans une iframe?
  • Dupliquer: stackoverflow.com/questions/326069/...
  • Qu'est-ce que les différents alors? :s
  • une fois home.html est un iframe et puis j'ai besoin de détecter home.html est un iframe à partir de sample.html.
  • aucune réponse œuvres
InformationsquelleAutor Mohan Ram | 2011-01-04
  1. 103

    Cela est vrai si une fenêtre n'est pas une frame/iframe:

    if(self==top)

    Si vous voulez voir si la fenêtre parent de la fenêtre est un cadre, utilisation: 

    if(parent==top)

    C'est une simple comparaison de top (le plus haut de la fenêtre de la fenêtre de la hiérarchie) et un autre objet de la fenêtre (self ou parent).

    • Fonctionne pas pour moi 🙁
    • si vous voulez vérifier si la fenêtre parent est à l'intérieur d'une image, il suffit d'utiliser if(parent==top) (renvoie true si la fenêtre parent n'est pas une image)
    • U peut comprendre ma question. Merci, c'if(parent==top) fonctionne pour moi
    • Edit ur réponse, comme si(parent==top)
    • Vous juste m'a sauvé d'une heure. Je vous remercie.
    • aucun homme. Cela ne fonctionne pas avec IE
    • Montrez-nous ce qui ne fonctionne pas pour vous. Je suis assez sûr que ma suggestion fonctionne.
    • les tests haut n'est pas si grand, si vous vous attendez à ce que votre image puisse vivre dans un cadre hors du domaine. E. g. votre site est hébergé chez quelqu'un elses via une frame / iframe de référence (comme il arrive parfois avec des modèles de blog, sites, etc). Depuis le "haut" peut-être dans un autre domaine, les tests parent == top pouvez jeter une croix erreur de domaine. Essayez de placer un marqueur dans le bloc conteneur et de test pour que (par exemple if (parent.myVar)
    • si 'top' pourrait jeter un cross-domain erreur, ne serait pas "parent" aussi?
    • le test d'une fenêtre ne sera pas jeter une erreur(parent.myVar n'est pas un test pour une fenêtre, c'est un test pour une propriété d'une fenêtre, ce qui est légèrement différent)
    • Yep, bien sûr. Donc, pour éviter les erreurs de domaine, vous devez attraper l'exception possible. La réponse ici : stackoverflow.com/questions/8672721/... : pourrait être étendu à l'épreuve pour l'iframe (OP) et de la caution s'il est frappé d'une croix erreur de domaine, tout en continuant d'intercepter les exceptions.
    • Non, bien sûr que non. montrer 1 exemple où l'accès à un window-résultats d'objets dans un cross-domain-erreur(c'est tout ce dont nous parlons ici, window-objets, rien de plus). Liés question n'a rien à voir avec la question ici.
    • Il peut aussi y avoir un problème avec la détection des iFrame-ness avant l'iFrame a été ajoutée à ses parents, même si je ne suis pas certain de cela et il peut être un cas limite ou en raison du fait que je travaille dans Safari ici.

    InformationsquelleAutor Dr.Molle
  2. 34

    Vérifier si window.frameElement n'est pas null et voir si sa nodeName propriété est "IFRAME":

    var isInIframe = window.frameElement && window.frameElement.nodeName == "IFRAME";
    • Cette réponse est grand parce qu'il contient une simple et directe manière d'accéder à la iframe élément qui contient la page en cours (quand il est chargé à l'intérieur par exemple).
    • Je suis d'accord avec @Oliver. De cette façon est beaucoup plus simple que les deux autres réponses ci-dessus et de toute autre stratégie que j'ai vu pour régler cette question. Ce doit être la accepté de répondre...
    • Cette échoue pour la croix-origine des iframes. Retourne l'élément (comme <iframe> ou <object>) dans la fenêtre, qui est incorporé, ou null si l'élément est soit de haut niveau ou est intégré dans un document avec un autre script d'origine; c'est, à la croix-de l'origine des situations. developer.mozilla.org/en-US/docs/Web/API/Window/frameElement
    InformationsquelleAutor Pink Duck
  3. 23
    var isInIFrame = (window.location != window.parent.location);
if(isInIFrame==true){
    //iframe
}
else {
    //no iframe
}
    • ou tout simplement var isInIFrame = window.location !== window.parent.location; marcherait aussi bien.
    • Il y a un cas limite dans lequel cela ne fonctionne pas: si vous avez chargé la même page dans l'iframe qui contient l'iframe.
    • aussi, la croix-domaine ou une protection similaire sera la cause d'une erreur de script lors de l'accès à la fenêtre.parent propery
    • si elle lève une erreur, vous pouvez supposer qu'il est dans une iframe
    InformationsquelleAutor Sumith Harshan