iframe父窗口和子窗口函数互相调用的方法
转自：http://www.bhcode.net/article/20120414/22441.html
一、父窗口调用iframe子窗口方法
1、HTML语法：<iframe name="myFrame" src="child.html"></iframe>
2、父窗口调用子窗 口：myFrame.window.functionName();
3、子窗品调用父窗 口：parent.functionName();
简单地说,也就是在子窗口中调用的变量或函数前加个parent. 就行
4、父窗口页面源码： <html>
<head>
<script type="text/javascript">
function say() {
alert("parent.html------>I'm at parent.html");
}
function callDhild()
{
//document.frames("myFrame").f1();
myFrame.window.say();
}
</script>
</head>
<body>
<input type=button value="调用child.html中的函数say()" onclick="callDhild()">
<iframe name="myFrame" src="child.html"></iframe>
</body>
</html>
5、子窗口页面： <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>
二、iframe 父窗口和子窗口相互的调用方法 1、IE中使用方法： 父窗口调用子窗口：iframe_ID.iframe_document_object.object_attribute = attribute_value
例 子：onDlick="iframe_text.myH1.innerText='http://www.pi nt.com';"
子窗口调用父 窗口：parent.parent_document_object.object_attribute = attribute_value
例 子：onclick="parent.myH1.innerText='http://www.pint.co m';"
2、Firefox中使用方法：
上面在IE下没有问题，但在firefox下不正常。在firefox下，应该是如下调用方法：
父窗口调用子窗 口：window.frames["iframe_ID"].document.getElementById ("iframe_document_object").object_attribute = attribute_value
例： window.frames["iframe_text"].document.getElementBy Id("myH1").innerHTML= "http://hi.zfrong2000.cn ";
子窗口调用父窗 口：parent.document.getElementById("parent_document_ob ject").object_attribute = attribute_value
例： parent.document.getElementById("myH1").innerHTML = "http:// zfrong2000 .cn ";
