JS方法在iframe父子窗口间的调用-iframe调用父页面js方法

本文向大家简单介绍一下iframe父子窗口间JS方法调用，JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用，希望本文介绍对你有所帮助。

iframe父子窗口间JS方法调用

父窗口调用iframe子窗口方法

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

iframe子窗口调用父窗口方法

parent.functionName();

父窗口页面

<html> 
<head> 
<scripttypescripttype="text/javascript"> 
 
functionsay(){  
alert("parent.html------>I'matparent.html");  
}  
 
functioncallChild()  
{  
//document.frames("myFrame").f1();  
myFrame.window.say();  
}  
</script> 
</head> 
 
<body> 
<inputtypeinputtype=buttonvalue="调用child.html中的  
函数say()"onclick="callChild()"> 
<iframenameiframename="myFrame"src="child.html"></iframe> 
</body> 
</html>

子窗口页面

<html> 
<head> 
<scripttypescripttype="text/javascript"> 
 
functionsay()  
{  
alert("child.html--->I'matchild.html");  
}  
 
functioncallParent(){  
parent.say();  
}  
</script> 
</head> 
<body> 
<inputtypeinputtype=buttonvalue="调用parent.html中的  
say()函数"onclick="callParent()"> 
</body> 
</html>

【编辑推荐】