父窗口调用iframe子窗口方法

父窗口调用iframe子窗口方法

    博客分类: 
  • javascript
HTML
<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> 

简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 
index_iframe.window.frames['prepare_add_job'].saveCurrentStep(record);

你可能感兴趣的:(iframe,function,button)