javascirpt实现2个frame传值

来源:互联网 发布:win10禁用windows更新 编辑:程序博客网 时间:2024/06/01 11:33

index.htm

 

<body>  
  <table   border="1"   width="100%">  
      <tr>  
          <td   width="100%"><iframe   src="iframe1.htm"   name="aa"></iframe></td>  
      </tr>  
      <tr>  
          <td   width="100%"><iframe   src="iframe2.htm"   name="bb"></iframe></td>  
      </tr>  
  </table>  
  </body>  

iframe1.htm

 

<html>
<title>1</title>
<head>
   <script>
      function aa(){
      parent.frames["bb"].document.all["TextBox3"].value = document.getElementById("TextBox1").value;
      parent.frames["bb"].document.all["TextBox4"].value = document.getElementById("TextBox2").value;
          alert(parent.frames["bb"].document.all["TextBox3"].value);
          alert(parent.frames["bb"].document.all["TextBox4"].value);
      }
      
   </script>
</head>
  <body>
  <form id="a">
      <input id="TextBox1" type="text" id="TextBox1" value="1"/>
      <input id="TextBox2" type="text" id="TextBox2" value="2"/>
      <input id="T" type="button"   value="3333333" onclick="aa();"/>
  </form>
  </body>
</html>
   

iframe2.htm

 

<html>
<title>2</title>
<head></head>
  <body>
  <form id="b">
      <input id="TextBox3" type="text" id="TextBox1" value="1231111"/>
      <input id="TextBox4" type="text" id="TextBox2" value="123"/>
  </form>
  </body>
</html>
   

 

原创粉丝点击