父页面里两个iframe之间互相访问

原创于 2009-09-08 23:42:45 发布 · 223 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Firefox #IE #Blog #HTML

js 专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了在不同浏览器环境下，如何实现父窗口与子窗口（iframe）之间的交互调用。包括了Internet Explorer和Firefox等浏览器的具体实现方法，并给出了具体的示例代码。

转载：http://hi.baidu.com/xeelytech/blog/item/b8e42cfdac841d1508244d42.html

iframe 父窗口和子窗口的调用方法
父窗口调用子窗口
iframe_name.iframe_document_object.object_attribute = attribute_value
例子:onClick="iframe_text.myH1.innerText='http://www.pint.com';"
子窗口调用父窗口parent.parent_document_object.object_attribute = attribute_value
例子:onclick="parent.myH1.innerText='http://www.pint.com';"
上面在IE下没有问题，但在firefox下不正常。在firefox下，应该是
父窗口调用子窗口
window.frames["iframe_name"].document.getElementById("iframe_document_object"-).object_attribute = attribute_value
例子
window.frames["iframe_text"].document.getElementById("myH1").innerHTML= "http://www.pint.com";
子窗口调用父窗口
parent.document.getElementById("parent_document_object").object_attribute = attribute_value
例子
parent.document.getElementById("myH1").innerHTML = "http://www.adsf.com";