Heim > Web-Frontend > js-Tutorial > Zusammenfassung der Methoden zur Verwendung von JQuery zum Betreiben von übergeordneten und untergeordneten Iframe-Seiten

Zusammenfassung der Methoden zur Verwendung von JQuery zum Betreiben von übergeordneten und untergeordneten Iframe-Seiten

小云云
Freigeben: 2017-12-29 09:49:25
Original
3880 Leute haben es durchsucht

iframe wird häufig in zusammengesetzten Dokumenten verwendet, um die Effizienz erheblich zu verbessern. In diesem Artikel werden hauptsächlich einige Aufzeichnungen über die einfache Verwendung von JQUERY zum Betreiben von IFRAME erläutert. Im Folgenden gibt es nicht viel zu sagen. Werfen wir einen Blick auf die ausführliche Einführung. Dieser Artikel führt Sie hauptsächlich in die relevanten Informationen zur Verwendung von JQuery zum Betrieb der Elemente und Methoden von iframe-übergeordneten Seiten und Unterseiten ein. Der Artikel stellt sie anhand von Beispielcodes ausführlich vor. Es hat einen gewissen Referenzlernwert für das Studium oder die Arbeit. Freunde, die es brauchen. Lasst uns mit dem untenstehenden Herausgeber lernen.

Erstens, wie man die Elemente der übergeordneten Seite im Iframe findet:

$('#id', window.parent.document)
Nach dem Login kopieren

Zweitens, wie man die Elemente des Iframes in der übergeordneten Seite erhält:

$(this).contents().find("#suggestBox")
Nach dem Login kopieren

Drittens rufen Sie die Methoden und Variablen auf, die auf der übergeordneten Seite im Iframe definiert sind:

parent.method parent.value
Nach dem Login kopieren

JQUERY, JS ruft die Methode der übergeordneten Fenster- und untergeordneten Fensterelemente von IFRAME auf

1 . jquery in iframe Die untergeordnete Seite erhält den Elementcode der übergeordneten Seite wie folgt:

$("#objid", parent.document)
Nach dem Login kopieren

2. jquery erhält den Elementcode der iframe-Unterseite wie folgt:

$("#objid",document.frames('iframename').document)
Nach dem Login kopieren

3.js ruft die Iframe-Unterseite ab. Der Code des übergeordneten Seitenelements lautet wie folgt:

indow.parent.document.getElementByIdx_x("元素id");
Nach dem Login kopieren

4.js Ruft den Code des untergeordneten Iframe-Seitenelements auf der übergeordneten Seite wie folgt ab:

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");
Nach dem Login kopieren

5. Rufen Sie die übergeordnete Klassenfunktion im Unterklassen-Iframe auf:

window.parent.func();
Nach dem Login kopieren

Verwandte Empfehlungen:

Beispiel für die Verwendung von Iframe-Elementen in Vue-Komponenten

Eine kurze Analyse des Navigationsfensters innerhalb der Iframe-Webseite

So verwenden Sie das Iframe-Attribut

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zur Verwendung von JQuery zum Betreiben von übergeordneten und untergeordneten Iframe-Seiten. 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