Heim > Artikel > Web-Frontend > jQuery ruft den Elementwert im Iframe ab
jQuery ruft den Elementwert im Iframe ab
- php中世界最好的语言Original
- 2018-04-24 14:52:583110Durchsuche
Dieses Mal bringe ich Ihnen jQuery zum Abrufen des Elementwerts im Iframe und welche Vorsichtsmaßnahmen es gibt, damit jQuery den Elementwert im Iframe erhält. Das Folgende ist eine praktische Anleitung Fall, werfen wir einen Blick darauf.
Mehrere Möglichkeiten, Elemente in Iframe mit JQuery abzurufen:
Übergeordnete Seitenelemente in Iframe-Unterseiten abrufen
$('#objId', parent.
document
);
Holen Sie es sich...
Rufen Sie die Elemente der untergeordneten Iframe-Seite auf der übergeordneten Seite ab:
$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html()
Zeigen Sie 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:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页面首页</title> </head> <body> <iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe> </body> </html>
iframe.html-Inhalt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>iframe.html</title> </head> <body> <p id="test">www.jb51.net</p> </body> </html>
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
-Objektmit 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.
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 den Vorgang im übergeordneten Fenster, um alle Optionsfelder im IFRAME auszuwählen
$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");
Betätigen Sie den Vorgang im IFRAME, um alle Optionsfelder im übergeordneten Fenster auszuwählen
$(window.parent.document).find("input:radio").attr("checked","true");
Übergeordnetes Fenster Wenn Sie den Iframe im IFrame erhalten möchten, 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 beherrschen die Methode, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen erhalten Sie Achten Sie auf andere verwandte Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Detaillierte Erläuterung der Schritte für Jquery zum Betreiben von js-Arrays und -ObjektenEine Sammlung von Methoden für Jquery Durchlaufen und Filtern von Arrays und JSON-ObjektenDas obige ist der detaillierte Inhalt vonjQuery ruft den Elementwert im Iframe ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!