zz iframe父子窗口间js方法调用

最新推荐文章于 2024-10-31 15:56:11 发布

weixin_30858241

最新推荐文章于 2024-10-31 15:56:11 发布

阅读量60

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ternastone/archive/2010/12/03/1895433.html

版权

父窗口调用iframe子窗口方法

 
     1<iframe name="myFrame" src="child.html"></iframe> 
 
     2myFrame.window.functionName();

iframe子窗口调用父窗口方法

`1`	`parent.functionName();`

父窗口页面

 
     01<html>   
 
     02  <head>   
 
     03  <script   type="text/javascript">   
 
     04    
 
     05  function say() {
 
     06   alert("parent.html------>I'm at parent.html");
 
     07   } 
 
     08    
 
     09  function callChild()
 
     10  {   
 
     11   //document.frames("myFrame").f1();
 
     12   myFrame.window.say();
 
     13  }   
 
     14  </script>   
 
     15  </head>   
 
     16      
 
     17  <body>     
 
     18  <input   type=button   value="调用child.html中的函数say()"onclick="callChild()">  
 
     19  <iframe name="myFrame" src="child.html"></iframe> 
 
     20  </body>   
 
     21  </html>

子窗口页面

 
     01<html>   
 
     02  <head>   
 
     03  <script  type="text/javascript">
 
     04        
 
     05  function say()   
 
     06  {   
 
     07          alert("child.html--->I'm at child.html");   
 
     08  } 
 
     09    
 
     10  function callParent() {
 
     11   parent.say();
 
     12   }  
 
     13  </script>   
 
     14  </head>   
 
     15  <body>   
 
     16  <input   type=button   value="调用parent.html中的say()函数"  onclick="callParent()">   
 
     17  </body>   
 
     18  </html>