Wie erhalte ich den Inhalt eines iFrames mit reinem JavaScript?

Den Hauptinhalt eines iFrames in reinem JavaScript abrufen

JavaScript ermöglicht die Manipulation von Elementen innerhalb des aktuellen HTML-Dokuments. Das Abrufen des Inhalts eines Iframes erfordert jedoch einen anderen Ansatz. Dieser Artikel bietet eine umfassende Lösung in reinem JavaScript, die den vom jQuery-Framework verwendeten Methoden folgt.

Erhalten des iFrame-Elements

Identifizieren Sie zunächst den Ziel-Iframe anhand seines ID- oder CSS-Selektor:

var iframe = document.getElementById('id_description_iframe');

Zugriff auf den iFrame Inhalt

Um nun auf den Inhalt des Iframes zuzugreifen, können Sie eine von jQuery verwendete Lösung verwenden:

var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

Im Internet Explorer wird die contentWindow-Eigenschaft verwendet, während andere Browser bevorzugen contentDocument. Diese ODER-Bedingung stellt die Kompatibilität sicher.

Auswählen von Elementen innerhalb des iFrame

Mit Zugriff auf das Iframe-Dokument können Sie bestimmte Elemente mit den üblichen Methoden auswählen:

var iframeContent = iframeDocument.getElementById('frameBody');

Funktionen aufrufen und auf Variablen zugreifen

Um mit Funktionen und Variablen zu interagieren Definiert im JavaScript-Kontext des Iframes, greifen Sie auf dessen Fensterelement zu:

var iframeWindow = iframe.contentWindow;

// Call global functions
var myVar = iframeWindow.myFunction(param1 /*, ... */);

Überlegungen

Beachten Sie, dass für alle diese Vorgänge die Einhaltung der Same-Origin-Richtlinie erforderlich ist. Wenn ein ursprungsübergreifender Zugriff erforderlich ist, sind spezifische Maßnahmen erforderlich, wie z. B. die Änderung des Content-Security-Policy-Headers.

Das obige ist der detaillierte Inhalt vonWie erhalte ich den Inhalt eines iFrames mit reinem JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!