jQuery ruft das Iframe-Element ab

Dieses Mal bringe ich Ihnen jQuery zum Abrufen von Iframe-Elementen. Was sind die Vorsichtsmaßnahmen für jQuery zum Abrufen von Iframe-Elementen?

Mehrere Möglichkeiten, Elemente in Iframe mit JQuery abzurufen:

Übergeordnete Seitenelemente auf Iframe-Unterseiten abrufen

Der Code lautet wie folgt:

$('#objId', parent.
document
);

Fertig...

Elemente der Iframe-Unterseite auf der übergeordneten Seite abrufen:

$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html()

Zeigt den Inhalt des Body-Elements im Iframe an.

$("#testId", document.frames("iframename").document).html();

Rufen Sie das Element ab, dessen ID „testId“ ist, basierend auf iframename

$(window.frames["iframeName"].document).find("#testId").html()

Verwenden Sie JS oder jQuery, um auf den Iframe auf der Seite zuzugreifen, kompatibel mit IE/FF

Hinweis: Seiten innerhalb des Frames können nicht domänenübergreifend sein!

Angenommen, es gibt zwei Seiten in derselben Domäne iframe:

0d8422d5a748d838d5911bbec5723448
383eb734b02b508089ba2d78eb4c6f68
93f0f5c25f18dab9d176bd4f6de5d30e
ebeda52af7641f7e715679a8472f8c69
b2386ffb911b14667cb8f0f91ea547a7页面首页6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
762b520465e72e0dbf3dd71a9b487789065276f04003e4622c4fe6b64f465b88
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

iframe.html-Inhalt:

0d8422d5a748d838d5911bbec5723448
383eb734b02b508089ba2d78eb4c6f68
93f0f5c25f18dab9d176bd4f6de5d30e
ebeda52af7641f7e715679a8472f8c69
b2386ffb911b14667cb8f0f91ea547a7iframe.html6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
c3d3c408046ceece4c710c1da83f9948www.jb51.net94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

1. Führen Sie JS in index.html aus, um direkten Zugriff zu erhalten:

document.getElementById('koyoz').contentWindow.document.getElementById('test').style.color='red'

Zugriff auf die ID mit dem Namen „koyoz“ im Index. HTML-Iframe-Seite, rufen Sie das Objekt mit der ID „test“ auf dieser Iframe-Seite ab und setzen Sie seine Farbe auf Rot.

Dieser Code wurde getestet und kann IE/Firefox unterstützen.

2. Verwenden Sie jQuery, um auf index.html zuzugreifen:

$("#koyoz").contents().find("#test").css('color','red');

Die Wirkung dieses Codes ist die gleiche wie beim direkten JS-Zugriff. Aufgrund des jQuery-Frameworks ist der Code kürzer.

Sammeln Sie einige Beispiele aus dem Internet:

Die Verwendung von jQuery zum Abrufen des Werts eines Elements des übergeordneten Fensters in IFRAME kann nur durch die Kombination der DOM-Methode und der JQuery-Methode erreicht werden

1. Bedienen Sie das übergeordnete Fenster, um alle Optionsfelder im IFRAME auszuwählen

$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");

2. Bedienen Sie das Bedienelement im IFRAME, um alle Optionsfelder im übergeordneten Fenster auszuwählen

$(window.parent.document).find("input:radio").attr("checked","true");

Das übergeordnete Fenster möchte Um den Iframe im IFrame zu erhalten, fügen Sie einfach eine Frames-Unterebene hinzu, z. B.:

$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie hier Weitere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

jQuery ist die einfachste Implementierung des Tab-Option-Wechsels

jQuery+Ajax implementiert die Titelsortierung von Tabellendaten

Das obige ist der detaillierte Inhalt vonjQuery ruft das Iframe-Element ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!