Maison >interface Web >js tutoriel >Exemple d'appel de la fonction js à partir de la page sous-parente iframe

Exemple d'appel de la fonction js à partir de la page sous-parente iframe

高洛峰
高洛峰original
2016-12-24 16:57:341422parcourir

1. La sous-page iframe appelle la fonction js de la page parent

La sous-page n'a besoin que d'écrire window.praent pour appeler la fonction de la page parent. Par exemple, lors de l'appel de la fonction a(), elle s'écrit comme suit :

window.parent.a();

La page enfant prend la valeur dans la balise de la page parent. Par exemple, l'identifiant de la balise est "test. ", puis :

window.parent.document.getElementById("test").value; 

jQuery方法为: 

$(window.parent.document).contents().find("test").val();

Mais j'ai trouvé que cette méthode n'est pas valide dans le navigateur chrome ! Après une longue vérification, j'ai découvert que dans Chrome 5, window.parent ne peut pas s'exécuter dans le protocole file://, mais après sa publication, il peut s'exécuter dans le protocole http://. Cette méthode prend en charge les navigateurs IE et Firefox.

2. La page parent iframe appelle la fonction js de la sous-page

这个就稍微复杂一些,下面的方法支持ie和firefox浏览器: 

document.getElementById('ifrtest').contentWindow.b(); 

子页面取父页面中的标签中的值,比如该标签的id为“test”,则: 

document.getElementById("test").value;

Remarque : ifrtest est l'identifiant du cadre iframe et b() est la fonction js de la sous-page. L'attribut contentWindow est l'objet fenêtre où se trouve le cadre ou l'iframe spécifié et peut être omis sous IE.


Pour plus d'exemples d'appels de fonctions js pour les pages enfants et parents iframe, veuillez faire attention au site Web PHP chinois !


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn