recherche

Maison  >  Article  >  interface Web  >  Les formulaires iframe parent et enfant s'appellent (code ci-joint)

Les formulaires iframe parent et enfant s'appellent (code ci-joint)

php中世界最好的语言
php中世界最好的语言original
2018-04-26 10:37:341727parcourir

Cette fois, je vais vous présenter l'appel mutuel entre les formulaires iframe parent et enfant (avec code). Quelles sont les précautions pour que les formulaires iframe parent et enfant s'appellent. . Jetons un coup d'oeil une fois.

Formulaire parent

<html>
  <head>
    <title>usually function</title>
  </head>
  <body>
    <iframe src="http://www.baidu.com" ></iframe>
    <iframe src="myifame.html" id="name_iframe" name="name_iframe"></iframe>
    <button value="buttonvalue" id="testid">buttonvalue</button>
  </body>
<html>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
//contentWindow这个属性，相当于获取iframe网页里面的window对象
$(function(){
  //父窗体获取子窗体的变量
  alert(document.getElementById("name_iframe").contentWindow.vname);//父窗体获取子窗体的方法
  document.getElementById("name_iframe").contentWindow.test();//父窗体获取子窗体的内容
  alert(document.getElementById("name_iframe").contentWindow.document.body.outerHTML);
});
var myname="hb";
function parentFunction(){
  alert("parentFunction");
}
</script>

Formulaire enfant

<html>
  <head>
    <title>usually function</title>
  </head>
  <body>
    <button onclick="getParentContent()">getParentContent</button>
  </body>
<html>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
var vname="v_name";
function test(){
  alert("function test");
}
function getParentContent(){
  //获取父窗体的变量
  alert(window.parent.myname);
  //获取父窗体的方法
  window.parent.parentFunction();
  //获取父窗体的dom节点
  alert(parent.document.getElementById("testid").value);
}
</script>

Je crois que vous le maîtrisez après avoir lu le cas dans cet article Pour des méthodes plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web php chinois !

Lecture recommandée :

Comment iframe déclenche les événements des éléments de la fenêtre parent

La bibliothèque JS+jquery implémente la personnalisation de la hauteur et de la largeur de l'iframe Adapter (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php jquery JS 事件
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：La bibliothèque JS+jquery implémente l'adaptation de la hauteur et de la largeur de l'iframe (code joint)Article suivant：La bibliothèque JS+jquery implémente l'adaptation de la hauteur et de la largeur de l'iframe (code joint)

Articles Liés

Voir plus