本文向大家简单介绍一下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>