Wie ist es möglich, einem iframe-Zugriff auf seine Eltern DOM?

Wie ist es möglich, ein Skript innerhalb einer <iframe> zu haben, jeden Gedanken an die Seite, die Sie enthalten? Kann ein Skript in den frame zugreifen Kontext außerhalb der it? Was ist mit cross-domain?

Bis jetzt habe ich geglaubt, ein <iframe> ist komplett Agnostiker auf die enthaltende Seite, aber ich habe ein Beispiel gesehen, das widerspricht diesem glauben.

Was genau kann und nicht getan werden kann, innerhalb einer <iframe> mit Bezug auf die enthaltende Seite?

InformationsquelleAutor Yuval Adam | 2010-04-12
  1. 34

    Wenn der Inhalt des iframe und seine Eltern haben die gleiche Domäne haben, können Sie auf den übergeordneten Seiten DOM aus dem iframe mittels parent.document.getElement....

    Jedoch können Sie nicht tun, diese cross-domain (auch nicht über verschiedene subdomains) als Ergebnis:

    Uncaught DOMException: Blocked a frame with origin "https://example.com" from accessing a cross-origin frame.
    • nur für reference, top ist das top-Dokument self ist das aktuelle Dokument und parent ist das Dokument, über dem aktuellen.
    • Jeden Tag etwas neues lernen 🙂
    • Ich habe ein Dokument, lädt iframe von einer anderen domain. Ich war in der Lage zu manipulieren die iframe-Attribute innerhalb des Dokuments geladen, die in das iframe. Ich benutzte Eltern.Dokument.getElementById (), um das element aus, und fügen Sie ein Attribut mit $(ele).attr('width','100%'); ich habe keine Ahnung, warum es für mich funktionierte. Lassen Sie mich wissen, wenn Sie möchten, zu wissen, alle Einzelheiten meiner Umgebung zu haben eine bessere Idee für dieses problem. Dank
    • welchen browser hast du benutzt?
    InformationsquelleAutor oezi
  2. 5

    In der Regel können Sie nicht die Kommunikation zwischen den beiden DOMs über mehrere domains hinweg. Es gibt jedoch eine Methode zum übergeben von Nachrichten zwischen den beiden mit dem hash Teil der iframe-url. Für iframes auf der gleichen domain, siehe oezi Antwort.

    Dies könnte einigen helfen, und es gibt jede Menge andere Fragen zu dem Thema hier in der Nähe.

    • interessanter Artikel, seltsam, dass er entlässt html5 ist postmessage als hätten Sie nicht genug Unterstützung, doch wie safari, chrome, firefox, opera und sogar MSIE8 unterstützen. mit dem jquery-postmessage-plugin (verwendet einige der Techniken, die in den Artikel-link) wird es vollständig cross-browser.
    • Ich denke, das ist verständlich - es wurde geschrieben im März 2008 🙂 Das jQuery-plugin klingt sehr interessant.
    InformationsquelleAutor Olly Hodgson
  3. 2

    Wenn Sie nicht auf der gleichen domain kommunizieren Sie einige Informationen über den url-fragment/hash. Hier ist ein gutes Beispiel dafür, dass Prozess...

    http://www.tagneto.org/blogcode/xframe/ui.html

    InformationsquelleAutor John Himmelman
Schreibe einen Kommentar