Heim >Web-Frontend >js-Tutorial >JQuery überprüfen, ob das Fenster in Iframe ist

JQuery überprüfen, ob das Fenster in Iframe ist

Jennifer Aniston
Jennifer AnistonOriginal
2025-03-06 00:08:11642Durchsuche

Einfacher JavaScript -Code für die Ermittlung, ob sich eine Webseite in einem Iframe

befindet

jQuery Check if Window is in iFrame

Folgendes ist ein einfacher JavaScript -Code -Snippet, um zu überprüfen, ob sich das Fenster in einem Iframe befindet. Es ist nützlich für einige Funktionen, die in der Adressleiste der Seite URLs verwenden können. Der Code ist wie folgt:

var isInIframe = (window.location != window.parent.location) ? true : false;

Verwandte Lesungen:

  • Holen Sie sich die Quelle von injiziertem iframe href
  • wie man iframe
  • neu laden

FAQs über JQuery und Iframes (FAQ)

So verwenden Sie JQuery, um zu überprüfen, ob eine Webseite in einem Iframe geladen wird?

Um JQuery zu überprüfen, um zu überprüfen, ob die Webseite in einem Iframe geladen ist, können Sie die Eigenschaften window.self und window.top verwenden. Wenn die Webseite in einem Iframe geladen ist, ist window.self nicht gleich window.top. Hier ist ein einfacher Code -Snippet:

if (window.self !== window.top) {
  // 网页在 iframe 内
} else {
  // 网页不在 iframe 内
}

Was ist der Unterschied zwischen window.self und window.top in JavaScript?

In JavaScript bezieht sich window.self auf das aktuelle Fenster, während sich window.top auf das Fenster der oberen Ebene in der Fensterhierarchie bezieht. Wenn die Webseite direkt im Browser geladen ist, ist window.self und window.top gleich. Wenn die Webseite jedoch in einem IFRame geladen ist, bezieht sich window.self im Fenster Iframe, und window.top verweist auf das Hauptbrowserfenster.

Kann ich JQuery verwenden, um den Inhalt in einem Iframe zu bedienen?

Ja, Sie können JQuery verwenden, um den Inhalt in einem Iframe zu bedienen. Aufgrund der gleichorientierten Richtlinie kann dies jedoch nur dann erfolgen, wenn das IFRame und das übergeordnete Dokument aus derselben Domäne stammen. Hier ist ein Beispiel dafür

$("#myIframe").contents().find("body").html("Hello, World!");
Wie kann ich IFrames mit reinem JavaScript ohne jQuery erkennen?

Sie können Pure JavaScript verwenden, um IFrames durch Vergleich von

und window.self zu erkennen, was der JQuery -Methode ähnlich ist. Die Methode lautet wie folgt: window.top

if (window.self !== window.top) {
  // 网页在 iframe 内
} else {
  // 网页不在 iframe 内
}
Was ist eine homologe Politik und wie wirkt sich dies auf einen Iframe aus?

gleichorientierte Richtlinie ist eine Sicherheitsfunktion, die in einem Webbrowser implementiert ist, das verhindert, dass Skripte miteinander interagieren. Diese Richtlinie wirkt sich auf das Iframe aus, da sie Skripte im übergeordneten Dokument daran hindern, den Inhalt im Iframe zugreifen oder manipuliert (falls sie nicht aus derselben Domäne stammen).

Kann ich die gleichorientierte Richtlinie umgehen, um auf IFRames aus verschiedenen Domänen zuzugreifen?

Umgang mit homologen Richtlinien wird aus Sicherheitsgründen normalerweise nicht empfohlen. Wenn Sie jedoch das übergeordnete Dokument und den Iframe -Inhalt steuern, können Sie das Attribut

oder document.domain verwenden, um zwischen den beiden zu kommunizieren. postMessage

Wie kann ich mit der Methode

zwischen einem Iframe und einem übergeordneten Dokument kommunizieren? postMessage Mit der

-Methode können Sie Daten zwischen Windows senden, auch wenn sie nicht aus derselben Domäne stammen. Hier ist ein Beispiel dafür, wie man es verwendet: postMessage

var isInIframe = (window.location != window.parent.location) ? true : false;

Kann ich JQuery in allen Browsern verwenden, um festzustellen, ob eine Webseite in einem Iframe geladen wird?

Ja, die Methode zum Vergleich von window.self und window.top funktioniert für alle modernen Browser, einschließlich Chrom, Firefox, Safari und Edge.

Kann ich eine Webseite mit JQuery in einem Iframe laden?

Ja, Sie können die attr -Methode in jQuery verwenden, um die Eigenschaft des IFRame festzulegen, um die Webseite im IFRame zu laden. Beispiele sind wie folgt: src

if (window.self !== window.top) {
  // 网页在 iframe 内
} else {
  // 网页不在 iframe 内
}
Kann ich JQuery verwenden, um den Iframe gemäß seinem Inhalt zu ändern?

Ja, Sie können JQuery verwenden, um den Iframe gemäß seinem Inhalt zu ändern. Aufgrund der gleichorientierten Richtlinie kann dies jedoch nur dann erfolgen, wenn das IFRame und das übergeordnete Dokument aus derselben Domäne stammen. Beispiele sind wie folgt:

Das obige ist der detaillierte Inhalt vonJQuery überprüfen, ob das Fenster in Iframe ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn