So lösen Sie das Problem, dass zwei Iframes sich gegenseitig JQuery- und JS-Funktionen auf derselben Seite aufrufen

Ich habe meinen Blog diesen Monat nicht aktualisiert. Heute habe ich ein Problem mit zwei Iframes gelöst, die sich gegenseitig JQuery-Funktionsmethoden aufrufen.

Es gibt zwei Iframes in a.html. wie folgt:

<iframe width="100%" height="100%" name="left" scrolling="auto" frameborder="0" src="b.html" id="left"></iframe>
<iframe width="100%" height="100%" name="main1" scrolling="auto" frameborder="0" src="c.html" id="main1" ></iframe>

Es gibt eine Baumansicht in b.html, die als linker Menü-Iframe bezeichnet wird.

c.html sind die Daten, die nach dem Klicken auf die Baumansicht in b angezeigt werden. html, das als rechter Seiten-Iframe bezeichnet wird.

Da zwischen den beiden Seiten eine Beziehung besteht, die in a.html vorhanden ist, können die beiden Seiten die Js-Methoden der anderen Seite aufrufen.

ps: Wenn zwischen den beiden Seiten keine Beziehung besteht, lassen Sie sie eine Beziehung haben, bevor sie sich gegenseitig aufrufen können. Wenn beispielsweise beide Seiten auf eine js-Datei verweisen, können sie sich gegenseitig aufrufen.

Zum Beispiel gibt es eine Schaltfläche in

c.html

<input type="button" id="btn" onclick="btnAlert(i)"/>
<input type="hidden" id="hidVal" name="hidVal" />
function btnAlert(index) {
 $(window.parent.$("#left"))[0].contentWindow.GetIndex(index);//调用b.html中的方法
}

b.html

function GetIndex(index) { 
　　$(window.parent.$("#main1")).contents().find("#hidVal").val(index);//找到c.html中的hidVal给他赋值
}

Abschließend zusammengefasst:

Wenn sich der Iframe von c.html in b.html befindet, zitieren Sie die folgende Methode

1 und rufen Sie die Funktionsmethode der übergeordneten Klasse im untergeordneten Iframe auf:

window.parent .func( );

2, holen Sie sich die Elemente der übergeordneten Schnittstelle im untergeordneten Iframe:

$("#xx", window.parent.document);

Dieses xx ist die übergeordnete Schnittstelle. Die ID des abzurufenden Elements.

3. jquery ruft die js-Methode in der Unter-Iframe-Seite auf:

iframefunction() ist die Methode der Unterseite

$(window.parent.document ).contents() .find("#iframename")[0].contentWindow.iframefunction();

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass der Inhalt dieses Artikels einiges bringen kann Helfen Sie jedem beim Lernen oder bei der Arbeit, und gleichzeitig hoffe ich, dass Sie die chinesische PHP-Website unterstützen!

Weitere verwandte Artikel zur Lösung des Problems, dass zwei Iframes sich gegenseitig JQuery- und JS-Funktionen auf derselben Seite aufrufen, finden Sie auf der chinesischen PHP-Website!