Maison > interface Web > js tutoriel > le corps du texte

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

高洛峰
Libérer: 2016-12-24 16:57:34
original
1384 Les gens l'ont consulté

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();
Copier après la connexion

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();
Copier après la connexion

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;
Copier après la connexion

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 !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!