Heim > Web-Frontend > js-Tutorial > Hauptteil

So bedienen Sie das Iframe-Element, um ein übergeordnetes Fensterelementereignis auszulösen

php中世界最好的语言
Freigeben: 2018-04-24 14:42:44
Original
1384 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie das Iframe-Element bedienen, um das Ereignis des übergeordneten Fensterelements auszulösen, und welche Vorsichtsmaßnahmen für die Bedienung des Iframe-Elements gelten, um das übergeordnete Fenster auszulösen Das Folgende ist ein praktischer Fall. top:

$(dom1).bind('topEvent', function(){});
Nach dem Login kopieren

Wie lösen also die Elemente im Iframe das Ereignis des übergeordneten Fensters dom1 aus? Ist das so?

$(dom1, parent.
document
).trigger('topEvent');
Nach dem Login kopieren

Es scheint richtig, aber es ist tatsächlich irreführend.

Da das jquery-Objekt des übergeordneten Fensters und das jquery-Objekt im Iframe tatsächlich zwei Objekte (Funktionen) sind, löst die jquery im iframe kein weiteres jquery-Objekt aus definierte Ereignisse. Es sei denn, Sie definieren es so in iframe:

iframe:

self.$ = parent.$;
Nach dem Login kopieren

Die Lösung ist also sehr einfach:

parent.$(dom1,parent.doucment).trigger('topEvent');
Nach dem Login kopieren

Rufen Sie einfach die übergeordnete Abfrage auf das Ereignis ausführen.

Es wird gesagt, dass iframe keine JQuery-Dateien mehr importieren muss. Es reicht aus, die gleiche JQuery mit dem übergeordneten Fenster zu teilen. Dies ist sehr umweltfreundlich.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Das jQuery-Plug-in implementiert die Farbänderung von Interlaced-Tabellen und interagiert mit Mausereignissen.

Die JQuery-Implementierung kann in Echtzeit implementiert werden Tabellenfunktion für Bearbeitungsvorgänge

Das obige ist der detaillierte Inhalt vonSo bedienen Sie das Iframe-Element, um ein übergeordnetes Fensterelementereignis auszulösen. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!