html中iframe的调用

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!



引用通告: 查看所有引用 | 我要引用此文章
Tags: html中iframe的调用
收藏到网摘:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.