帧窗口之间的交互技巧

技巧|交互

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


  现有一分帧页面如上图所示的,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窗口中写一段文字的代码你知道怎样写吗?对了,就是这样:。
  从上面的例子中可看出,在各窗口之间进行交互信息,关键的问题是要搞清楚窗口与窗口之间的关系,其它的操作就比较简单了。

时间: 2024-12-22 15:37:05

帧窗口之间的交互技巧的相关文章

HTML进阶应用技巧(十二)帧窗口之间的交互技巧

技巧|交互 在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事.在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子. 一.在导航窗口点击链接,在另一窗口打开网页 现有一分帧页面如上图所示的,A窗口是网站logo及广告,B窗口是导航栏,C是显示页面的窗口.该分帧页面的源代码为: <frameset rows="20%,*"> <frame name="

网页制作基础技巧 框架(帧窗口)间的交互

技巧|交互|网页 在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事.在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子. 一.在导航窗口点击链接,在另一窗口打开网页 现有一分帧页面如上图所示的,A窗口是网站logo及广告,B窗口是导航栏,C是显示页面的窗口.该分帧页面的源代码为: <frameset rows="20%,*">  <frame name=&

HTML进阶应用技巧(十一)用好帧窗口标记

技巧 帧窗口是一种复杂的页面技术,应用帧窗口使得用户可以在同一个浏览器窗口中浏览不同网站的内容,可以在一个小窗口中发出查询命令而在另一个小窗口中接收查询结果.实现帧窗口的思路是将浏览器窗口按照功能分割成多个小窗口.每个窗口都对应有自己的HTML页面,按照一定的组合方式组合在一起,以实现特殊的效果. 在HTML中用<frameset>(分割窗口标记)来分割窗口,<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位,在页面中用<fram

网页制作基础技巧 框架(帧窗口)技巧

技巧|网页 帧窗口是一种复杂的页面技术,应用帧窗口使得用户可以在同一个浏览器窗口中浏览不同网站的内容,可以在一个小窗口中发出查询命令而在另一个小窗口中接收查询结果.实现帧窗口的思路是将浏览器窗口按照功能分割成多个小窗口.每个窗口都对应有自己的HTML页面,按照一定的组合方式组合在一起,以实现特殊的效果. 在HTML中用<frameset>(分割窗口标记)来分割窗口,<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位,在页面中用<f

javascript浏览器窗口之间传递数据的方法_javascript技巧

本文实例讲述了javascript浏览器窗口之间传递数据的方法.分享给大家供大家参考.具体分析如下: 摘要: 在项目开发中我们经常会遇到弹窗,有的是通过div模拟弹窗效果,有的是通过iframe,也有通过window自带的open函数打开一个新的窗口.今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互.首先看下效果图: 原理: 父窗口给子窗口传递数据是通过url的参数传递过去,子窗口给父窗口传递数据是通过父窗口的全局函数传递. 代码:index.html如下: 复制

iframe的父子窗口之间的对象相互调用基本用法_javascript技巧

使用iframe的时候,可能会涉及到父子窗口之间传值和方法的相互调用,之前一直有些迷糊,也没有着意去弄清楚,这两天要干活,没法子了只好把这都弄明白了.其实非常简单,就那么几个用法,几句代码而已. 子窗口中调用父窗口的js方法: 复制代码 代码如下: parent.changeBtnTitle('tzgg'); 一个父窗口中可能会有若干个功能行为类似的子窗口,子窗口中的组件要调用相同或者类似的对象或者方法,那么就把这样的方法写在父窗口中,通过传递参数来达到不同的效果. 父窗口获得子窗口中的某个对象

javascript浏览器窗口之间传递数据的方法

这篇文章主要介绍了javascript浏览器窗口之间传递数据的方法,实例分析了父窗口与子窗口之间传递参数的使用技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了javascript浏览器窗口之间传递数据的方法.分享给大家供大家参考.具体分析如下: 摘要: 在项目开发中我们经常会遇到弹窗,有的是通过div模拟弹窗效果,有的是通过iframe,也有通过window自带的open函数打开一个新的窗口.今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互.首

用好HTML的帧窗口标记

帧窗口是一种复杂的页面技术,应用帧窗口使得用户可以在同一个浏览器窗口中浏览不同网站的内容,可以在一个小窗口中发出查询命令而在另一个小窗口中接收查询结果.实现帧窗口的思路是将浏览器窗口按照功能分割成多个小窗口.每个窗口都对应有自己的HTML页面,按照一定的组合方式组合在一起,以实现特殊的效果. 在HTML中用<frameset>(分割窗口标记)来分割窗口,<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位,在页面中用<framese

.Net 2.0实例学习:WebBrowser页面与WinForm交互技巧

原文:.Net 2.0实例学习:WebBrowser页面与WinForm交互技巧 最近看到博客园入门教学文章比较流行,自己最近又偷懒比较多,没啥心得,不妨写一篇没啥深度的入门文章吧. 话说有了WebBrowser类,终于不用自己手动封装SHDocVw的AxWebBrowser这个ActiveX控件了.这个类如果仅仅作为一个和IE一模一样浏览器,那就太没意思了(还不如直接用IE呢).那么,无论我们是想做一个"定制版IE",还是希望利用HTML来做用户界面(指WinApp而非WebApp.