新手学习老知识帧窗口之间的交互技巧

superadmin · 发表于 2007-10-5 18:06:33

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

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

　　现有一分帧页面如上图所示的，A窗口是网站logo及广告，B窗口是导航栏，C是显示页面的窗口。该分帧页面的源代码为：

复制代码

若要求在B窗口中的链接页面（test.htm）在C窗口中打开，那么B窗口中的链接应这样写：<a herf="test.htm" target="mailFrame">此链接的页面在C窗口中打开</a>，在这里起关键作用的是<A>标记中的target参数，你想在那个窗口中打开网页，就在Target参数中设置那个窗口的名称。关于该参数的其它用法请看《新手学习老知识（三）HTML教程用好超级链接标记A》一文。

　　二、在B窗口中按下一个按钮，在C窗口中写一行字

　　本例的页面格式与上例相同，完成后的效果是这样的：按下B窗口中“在C窗口写字”的按钮后，在C窗口中就出现一行文字“嗨！你好！这是通过B窗口控制而写的字。”。分帧页面的代码及每个窗口中的网页文件与上例相同。

　　制作方法：

　　1、在C窗口网页（mainpage.htm）的源代码<head>与</head>之间插入下面这段Javascript程序：

<script language="Javascript">
</script>

　　这段程序的作用是在当前窗口写上一段文字。

　　2、那么如何在B窗口中调用C窗口中的程序呢？先看B窗口中“在C窗口中写字”这个按钮的源代码：

<input type="button" value="在C窗口中写字" onclick="parent.mainFrame.htest()">

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

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

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

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

		自动登录	找回密码
密码			注册

全国各地医院查询	重量转换换算	RGB颜色查询	交通标志大全	各类快递查询
简体繁体转换	黄金价格实时走势	万年历查询	实时汇率转换	列车时刻查询
在线翻译工具	CSS中文手册	HTML学习教程	MySQL中文手册	JavaScript中文手册
PHP安全基础手册	PHP5面向对象编程教程	正则表达式系统教程	SQL Server精华	Apache 2.2 中文手册
DOS命令全集指南	windows脚本技术中文版	股票行情查询	历史上的今天	邮编区号查询
长度转换换算	货币汇率转换	常用电话号码	体育彩票查询	手机位置查询
域名Whois信息查询	谷歌PR值查询	台州网站建设	台州网站开发	台州域名注册
天气预报查询	长度转换换算器	在线电子地图	车牌号码查询	中国百家姓查询

新手学习老知识 帧窗口之间的交互技巧

相关帖子

新手学习老知识帧窗口之间的交互技巧