iframe 父窗口和子窗口的调用方法-优快云博客

父窗口调用子窗口
iframe_ID.iframe_document_object.object_attribute = attribute_value
例子
onClick="iframe_text.myH1.innerText=' http://www.02dz.cn';"
子窗口调用父窗口
parent.parent_document_object.object_attribute = attribute_value
例子
οnclick="parent.myH1.innerText=' http://www.02dz.cn';"

上面在IE下没有问题，但在firefox下不正常。在firefox下，应该是
父窗口调用子窗口
window.frames["iframe_ID"].document.getElementById("iframe_document_object").object_attribute = attribute_value
例子
window.frames["iframe_text"].document.getElementById("myH1").innerHTML= " http://www.02dz.cn";
子窗口调用父窗口
parent.document.getElementById("parent_document_object").object_attribute = attribute_value
例子
parent.document.getElementById("myH1").innerHTML = " http://www.02dz.cn";

子窗口调用父窗口的例子：
example.htm:

程序代码

<html>
<body οnclick="alert(tt.myH1.innerHTML)">
<Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe>
<h1 id="myH2">hello,my wife</h1>
</body>
</html>
frame1.htm

<body οnlοad="parent.myH2.innerText='hello,my friend';"></body>
父窗口调用子窗口的例子：
exmaple.htm

<html>
<body οnlοad="test.myH1.innerText='hello,my dear';">
<Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>
</body>
</html>

test.htm

<html>
<body>
<h1 id="myH1">hello,my boy</h1>
</body>
</html>