如何学好java
如何学好java,其实很简单,只要用心体会,慢慢积累!
posts - 106, comments - 7, trackbacks - 0, articles - 3
BlogJava
::
首页
::
新随笔
::
联系
::
聚合
::
管理
页面刷新
Posted on 2011-04-21 16:12
哈希
阅读(157)
评论(0)
编辑
收藏
所属分类:
Js and Jquery 常用总结
一、先来看一个简单的例子:
下面以三个页面分别命名为
frame.html
、
top.html
、
bottom.html
为例来具体说明如何做。
frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:
1
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
2
<
HTML
>
3
<
HEAD
>
4
<
TITLE
>
frame
</
TITLE
>
5
</
HEAD
>
6
<
frameset
rows
="50%,50%"
>
7
<
frame
name
=top
src
="top.html"
>
8
<
frame
name
=bottom
src
="bottom.html"
>
9
</
frameset
>
10
</
HTML
>
现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。
1
top.html 页面的代码如下:
2
3
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
4
<
HTML
>
5
<
HEAD
>
6
<
TITLE
>
top.html
</
TITLE
>
7
</
HEAD
>
8
<
BODY
>
9
<
input
type
=button
value
="刷新1"
onclick
="window.parent.frames[1].location.reload()"
><
br
>
10
<
input
type
=button
value
="刷新2"
onclick
="window.parent.frames.bottom.location.reload()"
><
br
>
11
<
input
type
=button
value
="刷新3"
onclick
="window.parent.frames['bottom'].location.reload()"
><
br
>
12
<
input
type
=button
value
="刷新4"
onclick
="window.parent.frames.item(1).location.reload()"
><
br
>
13
<
input
type
=button
value
="刷新5"
onclick
="window.parent.frames.item('bottom').location.reload()"
><
br
>
14
<
input
type
=button
value
="刷新6"
onclick
="window.parent.bottom.location.reload()"
><
br
>
15
<
input
type
=button
value
="刷新7"
onclick
="window.parent['bottom'].location.reload()"
><
br
>
16
</
BODY
>
17
</
HTML
>
18
下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。
1
2
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
3
<
HTML
>
4
<
HEAD
>
5
<
TITLE
>
bottom.html
</
TITLE
>
6
</
HEAD
>
7
<
BODY
onload
="alert('我被加载了!')"
>
8
<
h1
>
This is the content in bottom.html.
</
h1
>
9
</
BODY
>
10
</
HTML
>
解释一下:
1.window指代的是当前页面,例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
3.frames是window对象,是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。
附:
Javascript刷新页面的几种方法:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
二、自动刷新页面
1.页面自动刷新:把如下代码加入<head>区域中
<
meta
http-equiv
="refresh"
content
="20"
>
其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<
meta
http-equiv
="refresh"
content
="20;url=http://xcp.blogjava.net"
>
其中20指隔20秒后跳转到http://xcp.blogjava.net页面
3.页面自动刷新js版
<
script language
=
"
JavaScript
"
>
function
myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',
1000
);
//
指定1秒刷新一次
</
script
>
三、java在写Servler,Action等程序时,要操作返回页面的话(如谈出了窗口,操作完成以后,关闭当前页面,刷新父页面)
1
PrintWriter out
=
response.getWriter();
2
out.write(
"
<script type=\
"
text
/
javascript\
"
>
"
);
3
////
子窗口刷新父窗口
4
out.write(
"
self.opener.location.reload();
"
);
5
//
关闭窗口
6
out.write(
"
window.opener=null;
"
);
7
out.write(
"
window.close();
"
);
8
out.write(
"
</script>
"
);
四、JS刷新框架的脚本语句
1.如何刷新包含该框架的页面用
<
script language
=
JavaScript
>
parent.location.reload();
</
script
>
2.子窗口刷新父窗口
<
script language
=
JavaScript
>
self.opener.location.reload();
</
script
>
3.如何刷新另一个框架的页面用 (上面的实例以说明了)
语句1. window.parent.frames[
1
].location.reload();
语句2.
window.parent.frames.bottom.location.reload();
语句3. window.parent.frames[
"
bottom
"
].location.reload();
语句4. window.parent.frames.item(
1
).location.reload();
语句5. window.parent.frames.item('bottom').location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent['bottom'].location.reload();
4.如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<
body onload
=
"
opener.location.reload()
"
>
开窗时刷新
<
body onUnload
=
"
opener.location.reload()
"
>
关闭时刷新
<
script language
=
"
javascript
"
>
window.opener.document.location.reload()
</
script
>
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
相关文章:
JS中showModalDialog 详细使用
Jquery操作select
ajax
js导出Excel
ajax学习相关的好网址
jquery ajax servlet
页面传递数组参数
ask.jsp—answer.jsp静态页面传值
a href 不让页面跳转
js 页面跳转方式
Powered by:
BlogJava
Copyright © 哈希
日历
<
2011年4月
>
日
一
二
三
四
五
六
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
给我留言
查看公开留言
查看私人留言
随笔分类
CSS 代码(4)
java 代码 (13)
java 常用框架(11)
java面试题(10)
jquery常用控件使用
Js and Jquery 常用总结(38)
jsp常用方法(2)
Servlet 总结(1)
sql 总结(10)
xml 文件(1)
设计模式(3)
随笔档案
2014年1月 (2)
2012年12月 (1)
2012年11月 (4)
2012年8月 (1)
2012年5月 (1)
2012年3月 (2)
2012年2月 (9)
2012年1月 (4)
2011年12月 (14)
2011年11月 (10)
2011年6月 (2)
2011年5月 (17)
2011年4月 (37)
2011年3月 (1)
文章档案
2011年4月 (3)
新闻档案
2012年4月 (1)
搜索
最新评论
1. re: jquery ajax servlet
xcvcxvv
--sdfas
2. re: jquery ajax servlet
sdfasf
--sdfas
3. re: JS中showModalDialog 详细使用
通天塔
--让他
4. re: 用Jquery获取table中td的值
ettg
--efg
5. re: jquery ajax servlet
dfd
--请求
阅读排行榜
1. 用Jquery获取table中td的值(7822)
2. 阿里巴巴面试题以及答案(4085)
3. jquery ajax servlet(3995)
4. 字符串+数组面试题(1311)
5. List空指针异常(1222)
评论排行榜
1. jquery ajax servlet(3)
2. w3school(2)
3. JS中showModalDialog 详细使用 (1)
4. 用Jquery获取table中td的值(1)
5. DB2行转列(0)