Comment résoudre le problème de deux iframes s'appelant les fonctions jquery et js sur la même page

Je n'ai pas mis à jour mon blog ce mois-ci. Hélas, je suis encore paresseux. Aujourd'hui, j'ai résolu un problème concernant deux iframes s'appelant des méthodes de fonction jquery

Il y a deux iframes dans a.html. , comme suit :

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

Il y a une arborescence dans b.html, qui s'appelle l'iframe du menu de gauche

c.html sont les données affichées après avoir cliqué sur l'arborescence dans b. .html, appelé iframe de la page de droite.

Comme il existe une relation entre les deux pages, qui existe dans a.html, les deux pages peuvent s'appeler mutuellement leurs méthodes Js.

ps : S'il n'y a pas de relation entre les deux pages, laissez-les avoir une relation avant de pouvoir s'appeler. Par exemple, si les deux pages font référence à un fichier js, elles peuvent alors s'appeler.

Par exemple, il y a un bouton en

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给他赋值
}

Enfin résumé :

Si l'iframe de c.html est dans b.html, alors citez la méthode suivante

1, et appelez la méthode de fonction de classe parent dans l'iframe enfant :

window.parent .func( );

2, récupère les éléments de l'interface parent dans l'Iframe enfant :

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

Ce xx est l'interface parent. L'ID de l'élément à récupérer.

3. jquery appelle la méthode js dans la page sous-iframe :

iframefunction() est la méthode de la sous-page

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

Ce qui précède est l'intégralité du contenu de cet article. J'espère que le contenu de cet article pourra en apporter. aide aux études ou au travail de chacun, et en même temps j'espère que vous soutiendrez le site Web PHP chinois !

Pour plus d'articles sur la façon de résoudre le problème de deux iframes s'appelant mutuellement avec les fonctions jquery et js sur la même page, veuillez faire attention au site Web PHP chinois !