iframe 父子窗体调用

iframe 父窗口和子窗口的调用方法

Posted on 2007-01-04 10:44 花 阅读(2179) 评论(1)   编辑   收藏 所属分类: WEB Design <!---->

父窗口调用子窗口
iframe_ID.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_ID"].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"; 


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

< html >  
< body  onclick ="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  onload ="parent.myH2.innerText='hello,my friend';" ></ body >

父窗口调用子窗口的例子：
exmaple.htm

< html >  
< body  onload ="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 >