html中的iframe相互调用
iframe之间相互调用在web开发方面用的比较多,但一般碰到的都是子iframe调用父iframe,或者平级iframe之间的相互调用
今天碰到一个问题需要父iframe调子iframe的问题,在网上没google到,唉,没办法,到自己桌面上查DHTML参考手册吧,
一个属性一个属性的看,终于找到一个属性contentWindow可能适合,结果一试,还真不错.
终于搞定.具体例子如下:
父页面a.html里面一个frame调用b.html:
<html>
<head>
<title>父窗口</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
select{width:100%;}
</style>
<body>
<input type="button" onclick="doShow()"/>
<iframe width="100%" height="45%" id="gatherDataFrame" frameborder="0" scrolling="auto" name="" src="b.html"></iframe></body>
</body>
<script>
function doShow() {
alert(document.getElementById("gatherDataFrame").contentWindow.document.getElementById("a").value);
}
</script>
</html>
b.html里面一个text:
<html>
<head>
<title>子窗口</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
select{width:100%;}
</style>
<body>
<input type="text" name="a" id="a" value="dddd" />
</body>
</body>
</html>
点击父窗口的按钮取得子窗口的text值.OK,it's all!
|