Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery ruft den Elementwert im Iframe ab

php中世界最好的语言
Freigeben: 2018-04-24 14:52:58
Original
3214 Leute haben es durchsucht

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
);
Nach dem Login kopieren

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()
Nach dem Login kopieren

Zeigen Sie den Inhalt des Body-Elements im Iframe an.

$("#testId", document.frames("iframename").document).html();
Nach dem Login kopieren

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

$(window.frames["iframeName"].document).find("#testId").html()
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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

document.getElementById('koyoz').contentWindow.document.getElementById('test').style.color='red'
Nach dem Login kopieren

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');
Nach dem Login kopieren

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");
Nach dem Login kopieren

Betätigen Sie den Vorgang im IFRAME, um alle Optionsfelder im übergeordneten Fenster auszuwählen

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

Ü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");
Nach dem Login kopieren

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 -Objekten

Eine Sammlung von Methoden für Jquery Durchlaufen und Filtern von Arrays und JSON-Objekten

Das 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage