Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung des Iframe-Falls, bei dem JS ein übergeordnetes und untergeordnetes Fenster erhält

php中世界最好的语言
Freigeben: 2018-04-26 15:38:28
Original
1859 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen ausführlich, wie Sie mit JS den Iframe des übergeordneten Fensters und des untergeordneten Fensters abrufen Untergeordnetes Fenster mit JS. Werfen wir einen Blick darauf. In der Webentwicklung werden häufig Iframes verwendet. Es ist unvermeidlich, dass Sie Elemente im Iframe im übergeordneten Fenster oder Elemente des übergeordneten Fensters im Iframe

Frame

js

Elemente im Iframe im übergeordneten Fenster abrufen

1,

格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();
实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click();
Nach dem Login kopieren
2.

Format:

var obj=document.getElementByIdx_x("iframe的name").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");
Nach dem Login kopieren

ifmObj.click();

Instanz:

var obj=document.getElementByIdx_x("ifm").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("btnOk");
ifmObj.click();
Nach dem Login kopieren
Holen Sie sich die Elemente des übergeordneten Fensters in iframe

格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click();
实例:window.parent.document.getElementByIdx_x("btnOk").click();
Nach dem Login kopieren
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Für weitere spannende Inhalte achten Sie bitte auf PHP Chinesische WebsiteAndere

Verwandte Artikel!

Empfohlene Lektüre:

jquery+ajax passt sich bei der Anwendung von Iframe an die Höhe an


jquery+js ruft iframe-Eltern auf Detaillierte Erläuterung der Schritte von Fenstern und Unterfenstern


Jquery zum Abrufen des Dom-Elements auf der Iframe-Seite (mit Code)

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Iframe-Falls, bei dem JS ein übergeordnetes und untergeordnetes Fenster erhält. 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