在父窗体与子窗体中对象元素的互取。
在父窗体与子窗体中对象元素的互取。。。
转载：http://hi.baidu.com/xeelytech/blog/item/b8e42cfdac841d1508244d42.html
完整例子：
start.html
<html>
<script type="text/javascript">
function b(){
alert("父窗口编辑子窗口的内容。。。");
window.frames["floater"].document.getElementById("bb").innerHTML="父窗口改变子窗口内容";
//下句只适合IE浏览器
//floater.bb.innerText="父窗口修改子窗口内容。。。";
}
</script>
<body>
<IFRAME name="floater" src="three.html" width=1000 height=600 hspace=20 vspace=20 align=right frameborder=1>
</IFRAME><BR>
<img src="星球大战.jpg" /><br>
<A id="aa" href="one.html" target="floater">Show one.htm</A><P>
<form id="a" action="#" method="post">
<input type=button value="修改子窗口内容" onclick="b()">
</form>
</body>
</html>
one.html
<html>
one.html
</html>
three.html
<html>
<script typt="text/javascript">
function a(){
alert("子窗口编辑父窗口内容parent表示父窗口");
//下句只适合IE浏览器
//parent.aa.innerText="ppppppppppppp";
parent.document.getElementById("aa").innerHTML="修改父窗口内容";
//parent.frames["iframe的名称"].document.getElementById("aa").innerText="修改父窗口内容。。。。";
//子窗口修改父窗口的另一个子窗口的内容
}
</script>
<body onload="a()">
<h1 id="bb">改变父窗口的元素值。</h1>
</body>
</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";