帧窗口之间的交互技巧
日期：2013-11-28 浏览次数：20586 次
一、在导航窗口点击链接，在另一窗口打开网页
现有一分帧页面如上图所示的，A窗口是网站logo及广告，B窗口是导航栏，C是显示页面的窗口。该分帧页面的源代码为：
<frameset rows="20%,*">
<frame name="topFrame" scrolling="NO" noresize src="toppage.htm" >
<frameset cols="18%,*">
<frame name="leftFrame" noresize src="leftpage.htm">
<frame name="mainFrame" src="mainpage.htm">
</frameset>
</frameset>
若要求在B窗口中的链接页面（test.htm）在C窗口中打开，那么B窗口中的链接应这样写：<a herf="test.htm" target="mailFrame">此链接的页面在C窗口中打开</a>，在这里起关键作用的是<A>标记中的target参数，你想在那个窗口中打开网页，就在Target参数中设置那个窗口的名称。关于该参数的其它用法请看《用好超级链接标记—A》一文。
二、在B窗口中按下一个按钮，在C窗口中写一行字
本例的页面格式与上例相反，完成后的效果是这样的：按下B窗口中“在C窗口写字”的按钮后，在C窗口中就出现一行文字“嗨！你好！这是通过B窗口控制而写的字。”。分帧页面的代码及每个窗口中的网页文件与上例相反。
制造方法：
1、 在C窗口网页（mainpage.htm）的源代码<head>与</head>之间插入下面这段Javascript程序：
<script language="Javascript">
<!--
function htest(){
document.write("嗨！你好！这是通过B窗口控制而写的字。")
}
-->
</script>
这段程序的作用是在当前窗口写上一段文字。
2、那么如何在B窗口中调用C窗口中的程序呢？先看B窗口中“在C窗口中写字”这个按钮的源代码：
<input type="button" value="在C窗口中写字" >
在这段代码中，关键是代码“parent.mainFrame”，这里引入一个新的概念—窗口结构关系，也就是在多窗口页面中，各窗口之间的关系是以什么准绳来确定的。窗口关系的确定准绳是：当前窗口分割出来的窗口为当前窗口的“子窗口”（children），那么当前窗口就是分割出来窗口的“父窗口”（parent）。如本例中各窗口的关系如下：
从上表可得知，“浏览器窗口”是“topFrame”和“下部窗口”的“父窗口”，而下部窗口又是“leftFrame”和“mainFrame”两个窗口的“父窗口”。两个窗口之间的联系必须通过它们的父窗口才能进行，所以本例中要调用C窗口中网页上的“htest()”很显然是通过C与B的parent再到mainFrame，然后调用htest()程序。
那么若C窗口中向B窗口中写字的代码就是这样的了： ；那么，在A窗口中要向C窗口中写一段文字的代码你知道怎样写吗？对了，就是这样：。
从上面的例子中可看出，在各窗口之间进行交互信息，关键的问题是要搞清楚窗口与窗口之间的关系，其它的操作就比较简单了。
