说一下多个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来访问其父窗体。