JSP:框架间的交互

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

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

<framesetrows="20%,*">

<framename="topFrame"scrolling="NO"noresizesrc="toppage.htm">

<framesetcols="18%,*">

<framename="leftFrame"noresizesrc="leftpage.htm">

<framename="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程序:

<scriptlanguage="Javascript">

<!--

functionhtest(){

document.write("嗨!你好!这是通过B窗口控制而写的字。 ")

}

-->

</script>

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

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

<inputtype="button"value="在C窗口中写字"οnclick="parent.mainFrame.htest()">

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

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

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

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

、如何访问框架
  在前面我们介绍过使用document.forms[]实现单一窗体中不同 元素的访问。而要实现框架中多窗体的不同元素的访问,则必须使用window对象中的Frames属性。Frames属性同样也是一个数组,他在  父框 架集中为每一个子框架设有一项。通过下标实现不同框架的访问:
parent.frames[Index1].docuement.forms[index2]
  通过parent.frames.length确定窗口中窗体的数目。 除了使用数组下标来访问窗体外还可以使用框架名和窗体名来实现各元素的访:
parent.framesName.decument.formNames.elementName.(m/p)

**********************************************************************************************

页面刷新:  
  有三种方法:  
  1,在html中设置:  
  <title>xxxxx</title>之後加入下面这一行即可!    
  定时刷新:<META   HTTP-EQUIV="Refresh"   content="10;   URL=http://自己的URL">    
  10代表刷新间隔  
   
  2.jsp  
  <%   response.setHeader("refresh","1");   %>  
    每一秒刷新一次  
   
  3.使用javascript:  
  <script   language="javascript">  
  setTimeout("self.location.reload();",1000);  
  <script>  
  一秒一次  
  Top、


<%@   page   import="java.util.Date"   %>  
  <%@   page   contentType="text/html;charset=GB2312"   %>  
  <html>  
  <head>  
  下面为程序代码:  
  <title>定时刷新页面</title>  
  </head>  
  <body>  
  <br>  
  <b>当前时间为:</b>  
  <%  
  response.setHeader("refresh","10");  
  %>  
  <%  
  out.println(new   Date());  
  %>  
  </body>  
  </html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值