ifram子页面与父页面的方法相互调用

parent.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Parent Page</title>
    <script language="javascript" type="text/javascript">
         function parenttest() {
             alert("这是父页面的方法！");
         }
         function btnClick() {
             document.getElementById("childframe").contentWindow.childtest();
         }
    </script>
</head>
<body>
   <div style="margin:auto;">
       <h1>This is the Parent Page.</h1>
       <input type="button" value="调用子页面的方法"  onclick="btnClick()"/> 
    </div>
    <div style="margin:auto;">
       <iframe style="300px; height:300px;" id="childframe" src="ChildPage.html"></iframe>
    </div>
</body>
</html>

son.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
　　<head>
　　　　<title>Child Page</title>
　　　　<script language="javascript" type="text/javascript">
　　　　　　function childtest() {
　　　　　　　　alert("这是子页面的方法！");
　　　　　　}

　　　　　　function btnClick() {
　　　　　　　　window.parent.parenttest();
　　　　　　}
　　　　</script>
　　</head>
　　<body>
　　　　<div style="margin:auto;">
　　　　　　<h1>This is the Child Page.</h1>
　　　　　　<input type="button" value="调用父页面的方法" onclick="btnClick()" />
　　　　</div>
　　</body>
</html>

相关阅读:
市场规模的估算
C#中的线程(一)入门转载
2.设计模式-Abstract Factory 抽象工厂模式
1.设计模式
Microsoft.Jet.OLEDB.4.0读取EXCEL数据
转载--加盐密码哈希：如何正确使用
ragel学习资源整合
开源库xlslib跨平台编译
WPF开源框架以及经典博客
（转载）值得推荐的C/C++框架和库 (真的很强大)

原文地址：https://www.cnblogs.com/lgnblog/p/11010981.html