Wie greife ich über JavaScript innerhalb eines untergeordneten Iframes auf den übergeordneten Iframe zu?

Zugriff auf übergeordnete Iframes über JavaScript

In der Webentwicklung ist es häufig erforderlich, zwischen Frames auf derselben oder verschiedenen Domänen zu kommunizieren und auf Daten zuzugreifen . In diesem Artikel wird ein bestimmtes Szenario untersucht, in dem ein Iframe auf einer Seite eingebettet ist und Sie über JavaScript im Inhalt des Iframes auf den übergeordneten Iframe zugreifen müssen.

Sie geben einige zusätzliche Details an, wie zum Beispiel:

• Der übergeordnete Iframe befindet sich in derselben Domäne wie der untergeordnete Iframe.
• Mehrere Iframes können dieselbe Seite enthalten.
• Das Ziel besteht darin, den aktuellen Iframe innerhalb der Iframes zu schließen Inhalt.

Um dieser Anforderung gerecht zu werden, gibt es einige Ansätze, die Sie in Betracht ziehen können:

Verwenden von Window.opener

Diese Eigenschaft bietet ein Verweis auf das Fenster, das das aktuelle Fenster geöffnet hat. Wenn der untergeordnete Iframe vom übergeordneten Iframe geöffnet wurde, können Sie mit window.opener auf das Fensterobjekt des übergeordneten Iframes zugreifen und dessen DOM bearbeiten.

// Get the parent iframe's window object
var parentWindow = window.opener;

Übergeordnete IFrames verwenden

Eine andere Möglichkeit besteht darin, die übergeordnete Eigenschaft des Dokumentobjekts des Iframes zu verwenden. Diese Eigenschaft stellt einen Verweis auf das übergeordnete Dokument bereit, das wiederum Zugriff auf das Fensterobjekt des übergeordneten Iframes ermöglicht.

// Get the parent iframe's window object
var parentWindow = parent.window;

Name und ID zuweisen

Sie können festlegen Setzen Sie sowohl die Namens- als auch die ID-Attribute des Iframes auf denselben Wert. Dadurch können Sie parent.document.getElementById(window.name) verwenden, um das Element des übergeordneten Iframes aus dem untergeordneten Iframe abzurufen.

<iframe>

// Get the parent iframe's window object
var parentWindow = parent.document.getElementById(window.name);

Wenn Sie diese Techniken verstehen, können Sie darauf zugreifen und interagieren mit dem übergeordneten Iframe von JavaScript innerhalb des untergeordneten Iframes, sodass Sie die gewünschte Funktionalität implementieren können, z. B. das Schließen des Iframes oder das Abrufen bestimmter Daten.

Das obige ist der detaillierte Inhalt vonWie greife ich über JavaScript innerhalb eines untergeordneten Iframes auf den übergeordneten Iframe zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!