Maison > Article > interface Web > Appeler la méthode JS de la page enfant sur la page parent

Appeler la méthode JS de la page enfant sur la page parent

高洛峰original: 2016-12-24 16:56:281351parcourir

Après avoir travaillé dessus toute la journée aujourd'hui, j'ai enfin trouvé une solution en ligne

Remarque : Le problème est la méthode d'appel de la page enfant sur la page parent. . . . .

Page parent : parent.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>parent</title>
<script>
 function parentFunction() {
  alert(&#39;function in parent&#39;);
 }
 function callChild() {
  child.window.childFunction();
  /*
   child 为iframe的name属性值，
   不能为id，因为在FireFox下id不能获取iframe对象
  */
 }
</script>
</head>
<body>
<input type="button" name="call child"  value="call child" onclick="callChild()"/>
<br/><br/>
<iframe name="child" src="./child.html" ></iframe>
</body>
</html>

Page enfant : enfant.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>child</title>
<script>
 function childFunction() {
  alert(&#39;function in child&#39;);
 }
 function callParent() {
  parent.parentFunction();
 }
</script>
</head>
<body>
<input type="button" name="call parent" value="call parent" onclick="callParent()"/>
</body>
</html>

Vous pouvez modifier le code correspondant selon vos besoins

Pour plus d'articles liés à la méthode JS d'appel des pages enfants à partir de la page parent, 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

Article précédent：Un moyen simple d'appeler la fonction frame parent dans js et la fenêtre contextuelle pour appeler la fonction page parentArticle suivant：Un moyen simple d'appeler la fonction frame parent dans js et la fenêtre contextuelle pour appeler la fonction page parent

Articles Liés

Voir plus