Heim > Web-Frontend > js-Tutorial > Eine kurze Einführung in die gegenseitigen Aufruf- und Wertübergabemethoden zwischen übergeordnetem und untergeordnetem Iframe in jQuery

Eine kurze Einführung in die gegenseitigen Aufruf- und Wertübergabemethoden zwischen übergeordnetem und untergeordnetem Iframe in jQuery

不言
Freigeben: 2018-08-15 10:23:03
Original
4379 Leute haben es durchsucht

Dieser Artikel bietet Ihnen eine kurze Einführung in die gegenseitigen Aufruf- und Wertübergabemethoden zwischen übergeordnetem Iframe und untergeordnetem Iframe. Ich hoffe, dass er für Sie nützlich ist . Hilft.

Der Iframe auf der übergeordneten Seite: wie folgt

<iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>;
Nach dem Login kopieren

1. Der übergeordnete Iframe ruft die Methode des untergeordneten Iframes auf

    $("#sunPage")[0].contentWindow.sunMethod();
Nach dem Login kopieren

Das contentWindow-Objekt kann das erhalten Fensterobjekt des untergeordneten Iframes, das mit allen Browsern kompatibel ist.
sunMethod() Dies ist der Methodenname im Unter-Iframe.

Wenn die ID des Iframe ist nicht bekannt. Verwenden Sie beispielsweise die open-Methode von jbox, um ein iframe zu öffnen. Sie können den iframe-Knoten mithilfe der find-Methode von jquery finden.

Wie zum Beispiel:

$(selector).find("iframe")[0].contentWondow.sunMethod();
Nach dem Login kopieren

2. Der übergeordnete Iframe ändert die Daten im untergeordneten Iframe-Tag: beispielsweise den Wert der Eingabe im untergeordneten iframe.

      $(&#39;#sunPage&#39;).contents().find("#sunP").text("dsssssdd");
Nach dem Login kopieren

jQuery content()-Methode: eingeführt auf der chinesischen PHP-Website
ID #sunP ist die ID der Eingabe im untergeordneten Iframe;

3 . Der untergeordnete Iframe ruft den übergeordneten Iframe auf. Die Methode

    window.parent.daoYo("asdadasds");
Nach dem Login kopieren

window.parent ruft direkt das übergeordnete Element
des Fensterobjekts auf daoYo("asdadasds"); Der Methodenname der übergeordneten Seite, Parameter kann übergeben werden;

Der untergeordnete Iframe ändert die Daten im übergeordneten Iframe-Tag: Dies ist selbstverständlich 🎜>

       window.parent.$("#button3").text("ssssssssssss");
Nach dem Login kopieren

Verwandte Empfehlungen:

Iframe-Kind, Beispiele für die domäneninterne und domänenübergreifende Kommunikation auf der übergeordneten Seite


Die übergeordnete Seite Die Iframe-Höhe passt sich automatisch an die untergeordnete Seite an >

Das obige ist der detaillierte Inhalt vonEine kurze Einführung in die gegenseitigen Aufruf- und Wertübergabemethoden zwischen übergeordnetem und untergeordnetem Iframe in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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