Frames之间的相互控制

xieyf_0413

浏览: 801 次
性别:
来自: 大连

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2006-11 ( 1)
更多存档...

博客分类：

JavaScript JSP HTML

说一下多个frames之间的控制问题。
大致有两种情况，第一种是frameset 中嵌套frame，第二种是html（或jsp等）中嵌套iframe。两种情况基本类似，下面举例说明第二种情况：
请看代码清单：
frame1.html：(只列出了javascript和body部分，以下同)
<script type="text/javascript">
function controlChildren(){
var childWindow1 = document.frames[0]; //获得第一个窗口对象
var childWindow2 = document.frames[1]; //获得第二个窗口对象
alert("I can control my child");
childWindow1.document.all["text1"].value="parent set my value=text1";
}
</script>
<BODY>
<div>parent frame</div>
<div>
<input type="text" id="text" value="" size="25">
<input type="button" name="button" id="button" value="controlChild1Frame" onClick="controlChildren();">
</div>
<iframe id="frame1" name="frame2" src="frame1.html"></iframe>
<iframe id="frame1" name="frame2" src="frame2.html"></iframe>
</BODY>

Frame1.html:
<script type="text/javascript">
function controlParent(){
alert("I can control my parent");
parent.document.all["text"].value="my child set my value=text";
}
function controlOtherFrame(){
alert("I can control my brother");
var brotherWindow = parent.frames[1];
brotherWindow.document.all["text2"].value="my brother set my value=text2";
}
</script>
<BODY>
<div>child1 frame</div>
<input name="text1" id="text1" type="text" value="" size="25">
<input name="button1" id="button1" type="button" value="controlParentFrame" onClick="controlParent();">
<input name="button2" id="button2" type="button" value="controlChild2Frame" onClick="controlOtherFrame();">
</BODY>

frame2.html
<BODY>
<div>child2 frame</div>
<input name="text2" id="text" type="text" value="" size="25">
</BODY>

运行一下,能看到结果,一目了然.其实每个窗体的document对象都有一个数组的属性，即frames，通过该数组可以很容易的访问到其儿子窗体，当然儿子窗体也可以通过parent来访问其父窗体。

分享到：

2006-11-11 17:18
浏览 801
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论