|
一、在导航窗口点击链接， 在另一窗口打开网页
现有一分帧页面如上图所示的， 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窗口中写字"onclick="parent.mainFrame.htest()">
在这段代码中， 枢纽是代码“parent.mainFrame”， 这里引入一个新的概念—窗口结构关系， 也就是在多窗口页面中， 各窗口之间的关系是以什么原则来确定的。 窗口关系的确定原则是：当前窗口分割出来的窗口为当前窗口的“子窗口”（children）， 那么当前窗口就是分割出来窗口的“父窗口”（parent）。 如本例中各窗口的关系如下：
从上表可得知， “浏览器窗口”是“topFrame”和“下部窗口”的“父窗口”， 而下部窗口又是“leftFrame”和“mainFrame”两个窗口的“父窗口”。 两个窗口之间的联系必需通过它们的父窗口才能进行， 所以本例中要调用C窗口中网页上的“htest()”很显然是通过C与B的parent再到mainFrame， 然后调用htest()程序。
那么若C窗口中向B窗口中写字的代码就是这样的了：；那么， 在A窗口中要向C窗口中写一段文字的代码你知道怎样写吗？对了， 就是这样：onclick="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
|
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2011-7-31 21:46:05
发表于 2011-7-31 22:27:35