GOOGLE站内检索
首 页 网页制作 网络编程 图形图象 冲浪宝典 操作系统 软件教学 网络安全
 
Dreamweaver | FrontPages | Javascript | HTML | CSS | 心得技巧 | DHTML |
HTML
Dreamweaver
FrontPages
Javascript
HTML
CSS
心得技巧
DHTML
最新文章TOP10
·图形标记
·实现网页自动刷新
·HTML语言剖析(六)清单标
·设置图片
·不用询问关闭一个独立的窗口代
·HTML语言基础
·调色原理
·网页中多层效果的灵活使用
·使用HTML 4.0制作表格
·用DHTML制作带链接的滚动
·HTML组件(HTML CO
·HTML语言剖析(十四)特殊
百度站内搜索
标 题 全 文
首 页 >> 网页制作 >> HTML

帧窗口之间的交互技巧
 [2005-4-7 9:10:8]
我摘  365key  ViVi  niu.la  加加文摘  狐摘    人人网摘  亿友响享  天极网摘

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

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


  现有一分帧页面如上图所示的,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窗口中写字" 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()"。
  从上面的例子中可看出,在各窗口之间进行交互信息,关键的问题是要搞清楚窗口与窗口之间的关系,其它的操作就比较简单了。

  最新文章:   推荐资讯:
·DHTML模拟菜单
·在网页上制作仿电视演职员表效果
·让你的网页活跃起来
·认识DHTML中的“行为”组件
·DHTML的初步入门
·如何用DHTML编制网页
·在你的主页中为Web Robot
·用IFRAME建立网上阅览室
·WebEditor网页制作新客
·脚本技术应用ABC
·ASP中页面限权访问的几种方法
· 亲密接触ASP.Net——目录
·ASP应用中心得回放
·一个投票系统的源程序(cover
· 用VB实现表单的自动提交
·用ADO连接数据库的三种方法及其
·优化MICROSOFT ACCE
·域名登记查询(whois)很复杂
·一个免费的邮件列表源程序(三)
·Serv-U :快速构建功能强大
关于站点 | 网站服务 | 联系方式 | 合作伙伴 | 广告业务 | 友情链接 |  粤ICP备05106389号 © 1999-2005 PC163.CN 版权没有 欢迎传播
Google
搜索WWW 搜索www.pc163.cn