说一下多个frames之间的控制问题。
大致有两种情况，第一种是frameset 中嵌套frame，第二种是html（或jsp等）中嵌套iframe。两种情况基本类似，下面举例说明第二种情况：
请看代码清单：
[b]frame1.html[/b]：(只列出了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>
[b]Frame1.html:[/b]
<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>
[b]frame2.html[/b]
<BODY>
<div>child2 frame</div>
<input name="text2" id="text" type="text" value="" size="25">
</BODY>
运行一下,能看到结果,一目了然.其实每个窗体的document对象都有一个数组的属性，即frames，通过该数组可以很容易的访问到其儿子窗体，当然儿子窗体也可以通过parent来访问其父窗体。
大致有两种情况，第一种是frameset 中嵌套frame，第二种是html（或jsp等）中嵌套iframe。两种情况基本类似，下面举例说明第二种情况：
请看代码清单：
[b]frame1.html[/b]：(只列出了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>
[b]Frame1.html:[/b]
<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>
[b]frame2.html[/b]
<BODY>
<div>child2 frame</div>
<input name="text2" id="text" type="text" value="" size="25">
</BODY>
运行一下,能看到结果,一目了然.其实每个窗体的document对象都有一个数组的属性，即frames，通过该数组可以很容易的访问到其儿子窗体，当然儿子窗体也可以通过parent来访问其父窗体。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
