Heim  >  Artikel  >  Web-Frontend  >  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

不言
不言Original
2018-08-15 10:23:034182Durchsuche

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

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

    $("#sunPage")[0].contentWindow.sunMethod();

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();

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");

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");

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");

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!

Stellungnahme:
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