Cet article décrit la méthode d'implémentation de la fonction d'appel de pages IFRAME par JS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Dans les projets, vous rencontrerez inévitablement un tel problème. La page présente un iframe et nécessite que la page parent appelle la fonction de la page enfant ou la page enfant doit appeler la fonction de page parent. Par exemple: il y a maintenant deux pages Parent.html et Child.html. où parent.html contient iframe et iframe pointe vers child.html. Vous devez maintenant appeler une méthode JS de child.html / parent.html dans parent.html / child.html.
L'implémentation de code spécifique est la suivante:
Page Parent.html Parent:
Copiez le code comme suit: <html>
<adal>
<script type = "text / javascript">
fonction parent_click () {
alert ("From Parent Page");
}
</cript>
</ head>
<body>
<input type = "Button" value = "Appeler cette fonction de page" onClick = "parent_click ();" />
<input type = "Button" value = "Calling Child Page Fonction" OnClick = 'Window.frames ["Childpage"]. Child_click ();' />
<iframe id = "Childpage" name = "Childpage" src = "inner.html" frameborder = "0"> </ iframe>
</docy>
</html>
Sous-page Child.html:
Copiez le code comme suit: <html>
<adal>
<script type = "text / javascript">
fonction child_click () {
alert ("appelé la fonction de sous-page");
}
</cript>
</ head>
<body>
<input type = "Button" Value = "Calling Parent Page Fonction" OnClick = 'Parent.Window.Parent_Click ();' />
<input type = "Button" value = "appelant cette fonction de page" onClick = "child_click ();" />
</docy>
</html>
J'espère que la description de cet article sera utile à la programmation Web de chacun basée sur JavaScript.