- 浏览: 1050178 次
- 性别:
- 来自: 天津
文章分类
- 全部博客 (314)
- java 技术 (45)
- Java Util (3)
- Struts2 学习笔记 (23)
- MySql@数据库 (18)
- Oracle@数据库 (4)
- sqlserver@数据库 (20)
- Hibernate配置及应用 (7)
- 基础学习笔记@javaScript (24)
- 常用应用实例@javaScript (41)
- 网页设计 (20)
- bug (13)
- 总结 (4)
- eclipse应用 (23)
- tomcat设置及问题 (15)
- SWFUplaod学习笔记 (7)
- C# (5)
- PPT经验技巧 (8)
- 心情随笔 (3)
- 其他 (19)
- jquery (4)
- sping (1)
- json相关 (2)
最新评论
-
流年已逝_奋斗不止2013:
很有用,谢谢!
HQL select 总结 -
qq_31945283:
完美解决了我的难题,谢谢
四、struts2+swfUpload例子二 -
qq_31945283:
...
四、struts2+swfUpload例子二 -
sunbingrun:
集成到我的项目里, 居然post_params: {&quo ...
三、struts2+swfUpload简单例子 -
flyarun:
牛B ,这种人就是我的偶像
四、struts2+swfUpload例子二
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:
现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。
top.html 页面的代码如下:
解释一下:
附:
Javascript刷新页面的几种方法:
自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒后跳转到http://www.wyxg.com页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> frame </TITLE> </HEAD> <frameset rows="50%,50%"> <frame name=top src="top.html"> <frame name=bottom src="bottom.html"> </frameset> </HTML>
现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。
引用
语句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();
语句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();
top.html 页面的代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> top.html </TITLE> </HEAD> <BODY> <input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br> <input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br> <input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br> <input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br> <input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br> <input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> <input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br> </BODY> </HTML> 下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。 bottom.html 页面的代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> bottom.html </TITLE> </HEAD> <BODY onload="alert('我被加载了!')"> <h1>This is the content in bottom.html.</h1> </BODY> </HTML>
解释一下:
- window指代的是当前页面,例如对于此例它指的是top.html页面。
- parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
- frames是window对象,是一个数组。代表着该框架内所有子页面。
- item是方法。返回数组里面的元素。
- 如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。
附:
Javascript刷新页面的几种方法:
- history.go(0)
- location.reload()
- location=location
- location.assign(location)
- document.execCommand('Refresh')
- window.navigate(location)
- location.replace(location)
- document.URL=location.href
自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒后跳转到http://www.wyxg.com页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
发表评论
-
[转载] 认识js中的function和this---new Function(a,b,body)方式
2016-09-20 11:05 541javascript中的函数不同于其他的语言,每个函数都是作为 ... -
javascript面向对象技术基础(六)
2009-03-03 09:49 1055作用域、闭包、模拟私 ... -
javascript面向对象技术基础(五)
2009-03-03 09:31 1002类变量/类方法/实例变量/实例方法 先补充一下以前写过的方法: ... -
javascript面向对象技术基础(四)
2009-02-06 08:33 1425类、构造函数、原型 先来说明一点:在上面的内容中提到,每一个 ... -
javascript面向对象技术基础(三)
2009-02-05 08:44 1179函数 javascript函数相信 ... -
javascript面向对象技术基础(二)
2009-02-04 17:13 1012数组 我们已经提到过, ... -
javascript面向对象技术基础(一)
2009-02-04 08:51 1163看了很多介绍javascript面 ... -
JavaScript编写的Copy功能(兼容Firefox)
2009-01-09 12:18 4047Firefox 不支持 obj.innerText 属性。 ... -
IE和FireFox兼容JS问题
2008-12-23 11:47 10861. document.form.item 问题 (1 ... -
window 对像
2008-11-25 10:12 1418一、window对像的常用属 ... -
return、confirm 使用返回值改变默认行为
2008-11-20 08:54 3958使用返回值改变默认行为 1、return <a hre ... -
使用正则表达式截取空格
2008-11-18 14:04 4314//使用正则表达式截取空格 function trim(s) ... -
javascript中replace()方法
2008-04-15 10:24 2135 : : :& ... -
3.1 对象
2008-04-10 16:07 1240对象是属性和方法的集合。一个方法就是一个函数,是对象的成员。属 ... -
3.0 复合类型
2008-04-10 13:12 1223javaScript中的复合类型大致上有如下3中: Objec ... -
2.4 undefined 和 null
2008-04-10 13:01 1173 & ... -
2.3 javaScript 布尔类型
2008-04-10 12:49 1382<script> if (navigator. ... -
2.2 JavaScript 字符串类型
2008-04-10 11:58 2446定义方式: <script> ... -
2.1 javascript 数字类型
2008-04-10 11:02 3006 & ... -
2.0 javascript 基本数据类型
2008-04-10 10:57 1535 & ...
相关推荐
Javascript刷新页面的几种方法 很实用的
Javascript 刷新框架及页面的方法总集
小结了javascript刷新web页面的几种方法
vue列表数据删除后主动刷新页面及刷新方法详解 前端删除一条数据或者新增数据后,后端操作成功,但前端不会自动刷新,需要重新刷新当前页面 (用vue-router重新路由到当前页面,页面是不进行刷新的 ,采用window....
JS关于刷新父页面例子:javascript 弹出页面点击确定,刷新父页面 仔细分析学习
可以使用JavaScript location.reload方法刷新网页。当用户点击一个链接此代码可以自动在一个事件调用。 如果想使用鼠标点击刷新网页,可以用下面的代码: <a>Refresh Page 要了解它更好的办法,可以刷新页面 自动...
该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(...
详细的介绍了JavaScript多种情况下脚本刷新页面的的方法,并有详细的代码示例。如:window.location.reload();
无提示刷新网页,javascript刷新页面的方法,模式窗口数据不刷新(缓存)问题
javascript 对于页面的刷新和字体的滚动
关于页面刷新的JavaScript脚本,可以在页面里刷新。
实现使用JavaScript DOM 操作实现网页局部刷新
关于struts2里用javascript刷新window.showModalDialog的父页面
Javascript实现的网页自动刷新,很实用
而对于浏览器来说,大部分浏览器的返回是直接使用缓存的,不会执行任何的javascript代码。原因:部分浏览器在后退时不会触发onload事件,這是HTML5世代浏览器新增的特性之一——Back-Forward Cache(简称bfcache) ...
主要介绍了基于JavaScript判断浏览器到底是关闭还是刷新(超准确)的相关资料,需要的朋友可以参考下
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....