Les formulaires iframe parent et enfant s'appellent (code ci-joint)-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-04-26 10:37:34

original

1755 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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!