1. 程式人生 > >iframe父子視窗間js方法呼叫

iframe父子視窗間js方法呼叫

父視窗呼叫iframe子視窗方法

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

iframe子視窗呼叫父視窗方法

parent.functionName();

父視窗頁面

 <html>  
  <head>  
  <script   type="text/javascript">  
 
  function say() {
   alert("parent.html------>I'm at parent.html");
   }
 
  function callChild()
  {  
   //document.frames("myFrame").f1();
   myFrame.window.say();
  }  
  </script>  
  </head>  
   
  <body>    
  <input   type=button   value="呼叫child.html中的函式say()" onclick="callChild()"> 
  <iframe name="myFrame" src="child.html"></iframe>
  </body>  
  </html>  

子視窗頁面

<html>  
  <head>  
  <script  type="text/javascript">
     
  function say()  
  {  
          alert("child.html--->I'm at child.html");  
  }
 
  function callParent() {
   parent.say();
   } 
  </script>  
  </head>  
  <body>  
  <input   type=button   value="呼叫parent.html中的say()函式"   onclick="callParent()">  
  </body>  
  </html>