JS方法在iframe父子窗口间的调用

2022-10-03 09:28:58

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