您现在的位置:专业平台 >> 设计教程
多窗口的分帧页面间的交互
专业平台 - 设计教程  上传时间:7年以前发布  1372人气  0评论  0收藏
作品版权:该网站所发布展示的“作品/文章”版权归原作者所有。

在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事。在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子。

、在导航窗口点击链接,在另一窗口打开网页



现有一分帧页面如上图所示的,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参数中设置那个窗口的名称。

 

二、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窗口中写字" onclick="parent.mainFrame.htest()">

 

在这段代码中,关键是代码“parent.mainFrame”,这里引入一个新的概念窗口结构关系,也就是在多窗口页面中,各窗口之间的关系是以什么原则来确定的。窗口关系的确定原则是:当前窗口分割出来的窗口为当前窗口的子窗口children),那么当前窗口就是分割出来窗口的父窗口parent)。如本例中各窗口的关系如下:

 

 

从上表可得知,“浏览器窗口”是“topFrame”和“下部窗口”的“父窗口”,而下部窗口又是“leftFrame”和“mainFrame”两个窗口的“父窗口”。两个窗口之间的联系必须通过它们的父窗口才能进行,所以本例中要调用C窗口中网页上的“htest()”很显然是通过CBparent再到mainFrame,然后调用htest()程序。

那么若C窗口中向B窗口中写字的代码就是这样的了: onclick="parent.leftFrame.htest()";那么,在A窗口中要向C窗口中写一段文字的代码你知道怎样写吗?对了,就是这样:onclick="grandchildren.mainFrame.htest()"

 

从上面的例子中可看出,在各窗口之间进行交互信息,关键的问题是要搞清楚窗口与窗口之间的关系,其它的操作就比较简单了。


发表评论
全部评论(0)
上一页1下一页  共有0条记录, 当前页1/1
1372
人气
0
关注
3
粉丝
热门精选
关注我们

设计驿站所发布展示的“作品/文章”版权归原作者所有,任何商业用途均须联系作者。

如未经授权用作他处,作者将保留追究侵权者法律责任的权利。
版权所有: 设计驿站 重庆媒体营销专业  2015-2018 allright

重庆网站备案序号: 渝ICP备11005712号-3