Maison >interface Web >js tutoriel >Exemple d'appel de la fonction js à partir de la page sous-parente iframe
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 !