Une brève introduction aux méthodes d'appel mutuel et de transmission de valeurs entre l'iframe parent et l'iframe enfant dans jQuery

Cet article vous apporte une brève introduction aux méthodes d'appel mutuel et de transmission de valeurs entre l'iframe parent et l'iframe enfant dans jQuery. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. . Aide.

L'iframe dans la page parent : comme suit

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

1. L'iframe parent appelle la méthode de l'iframe enfant

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

La contentWindow L'objet peut obtenir l'objet fenêtre iframe enfant, compatible avec tous les navigateurs
sunMethod() Il s'agit du nom de la méthode dans le sous-iframe

Si l'identifiant de. l'iframe n'est pas connu, par exemple, utilisez open de jbox. Cette méthode ouvre un ifram Vous pouvez utiliser la méthode find de jquery pour trouver le nœud iframe.

Par exemple :

$(selector).find("iframe")[0].contentWondow.sunMethod();

2. L'iframe parent modifie les données dans la balise iframe enfant : par exemple en modifiant la valeur d'entrée dans l'enfant iframe.

      $('#sunPage').contents().find("#sunP").text("dsssssdd");

Méthode jQuery contents() : introduite sur le site Web PHP chinois
ID #sunP est l'identifiant de l'entrée dans le sous-iframe ;

3. Sub-iframe Appeler la méthode dans l'iframe parent

    window.parent.daoYo("asdadasds");

window.parent Appeler directement le parent de l'objet window
daoYo("asdadasds"); de la page parent, les paramètres peuvent être transmis ;

4, L'iframe enfant modifie les données dans la balise iframe parent : comme la modification de la valeur d'entrée dans l'iframe parent
Ceci. cela va sans dire.

       window.parent.$("#button3").text("ssssssssssss");

connexes Recommandés :

exemples de communication iframe enfant, page parent intra-domaine et inter-domaine

La hauteur iframe de la page parent s'adapte automatiquement à la hauteur iframe de la page enfant_html/ css_WEB-ITnose

jquery, js appelle la fenêtre parent iframe et la méthode des éléments de la fenêtre enfant arrangement_jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!