hanxin830311
- 浏览: 1064112 次
- 性别:
- 来自: 天津
-
文章分类
- 全部博客 (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 566javascript中的函数不同于其他的语言，每个函数都是作为 ... -
javascript面向对象技术基础(六)
2009-03-03 09:49 1067作用域、闭包、模拟私 ... -
javascript面向对象技术基础(五)
2009-03-03 09:31 1022类变量/类方法/实例变量/实例方法 先补充一下以前写过的方法: ... -
javascript面向对象技术基础(四)
2009-02-06 08:33 1444类、构造函数、原型 先来说明一点:在上面的内容中提到,每一个 ... -
javascript面向对象技术基础(三)
2009-02-05 08:44 1198函数 javascript函数相信 ... -
javascript面向对象技术基础(二)
2009-02-04 17:13 1030数组 我们已经提到过, ... -
javascript面向对象技术基础(一)
2009-02-04 08:51 1183看了很多介绍javascript面 ... -
JavaScript编写的Copy功能(兼容Firefox)
2009-01-09 12:18 4076Firefox 不支持 obj.innerText 属性。 ... -
IE和FireFox兼容JS问题
2008-12-23 11:47 11011. document.form.item 问题 (1 ... -
window 对像
2008-11-25 10:12 1443一、window对像的常用属 ... -
return、confirm 使用返回值改变默认行为
2008-11-20 08:54 3992使用返回值改变默认行为 1、return <a hre ... -
使用正则表达式截取空格
2008-11-18 14:04 4353//使用正则表达式截取空格 function trim(s) ... -
javascript中replace()方法
2008-04-15 10:24 2154 : : :& ... -
3.1 对象
2008-04-10 16:07 1273对象是属性和方法的集合。一个方法就是一个函数，是对象的成员。属 ... -
3.0 复合类型
2008-04-10 13:12 1240javaScript中的复合类型大致上有如下3中： Objec ... -
2.4 undefined 和 null
2008-04-10 13:01 1193 & ... -
2.3 javaScript 布尔类型
2008-04-10 12:49 1398<script> if (navigator. ... -
2.2 JavaScript 字符串类型
2008-04-10 11:58 2468定义方式： <script> ... -
2.1 javascript 数字类型
2008-04-10 11:02 3033 & ... -
2.0 javascript 基本数据类型
2008-04-10 10:57 1562 & ...
相关推荐
### JavaScript刷新页面的方法 在Web开发中，有时候我们需要利用JavaScript来实现页面的自动刷新或跳转功能。本文将详细介绍几种常见的使用JavaScript刷新页面的方法，并解释它们的工作原理。 #### 1. 使用`...
根据提供的文件信息，我们可以总结出JavaScript刷新网页的多种方法及其应用场景。 ### 1. `history.go(0)` `history.go(0)` 是一种简单有效的刷新方法。它通过调用浏览器历史记录对象`history`的方法`go`，并传入...
### JavaScript刷新页面大全 在Web开发中，页面的刷新是一个常见的需求。JavaScript作为一种客户端脚本语言，提供了多种方法来实现页面的刷新功能。本文将详细介绍几种常见的方式，并给出相应的代码示例。 #### 1....
本文详细介绍了JavaScript刷新框架及页面的七种方法，并通过示例代码进行了演示。掌握这些技巧对于提高Web应用程序的用户体验至关重要。开发者可以根据实际需求选择最合适的方法来实现页面或框架的刷新功能。
在这种情况下，我们可以采取手动刷新页面的方法。本文将深入探讨在Vue中如何在列表数据被删除后主动刷新页面。 首先，我们遇到的问题是在前端执行了删除操作，后端确认成功后，前端的视图并没有实时反映出变化。这...
在网页开发中，有时我们需要从一个弹出的子窗口（通常是由 `window.open` 或 `window.showModalDialog` 方法打开的）来控制父窗口的行为，比如刷新父窗口的页面。这在很多应用场景下都非常有用，比如用户在子窗口...
在探讨“javascript刷新”这一主题时，我们深入到网页开发的核心技术之一——JavaScript，了解如何通过这段小巧却功能强大的脚本语言实现页面刷新。页面刷新是网页应用中一个常见的需求，尤其是在实时数据更新、表单...
在探讨“javascript刷新页面和滚动”这一主题时，我们深入剖析了如何利用JavaScript来实现页面自动刷新以及控制页面滚动的功能，这两个操作都是网页开发中常见的需求，尤其在动态更新内容或者用户交互体验优化方面...
该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(...
5. `document.execCommand('Refresh')`: 这个方法在某些浏览器中可以用来刷新页面，但在现代Web开发中已较少使用。 6. `window.navigate(location)`: 此方法在Internet Explorer中用于导航或刷新页面，但在其他...
本文将全面探讨JavaScript中的各种刷新页面的方法，并提供实践示例。 1. `location.reload()` 这是最常用的刷新页面的方法，它来自`window.location`对象。`reload()`方法可以接受一个可选参数，用来决定是否强制从...
本文将详细介绍如何在 HTML 框架集页面中使用 JavaScript 实现刷新页面，并且提供了七种不同的刷新方法和它们的实现代码。 HTML 框架集页面的结构 ------------------------- 在 HTML 框架集页面中，通常有多个...
这在实现动态内容更新、表单提交、无刷新页面体验等方面有着重要的应用价值。jQuery提供了一个.load()方法，该方法可以将指定的远程HTML内容加载到当前的jQuery对象中。例如，如果你想更新id为“dl”的div元素的内容...
总的来说，JavaScript刷新网页的方法简单实用，它们的实现方式多样，可以满足不同场景下的刷新需求。然而，在实际应用中，开发者需要考虑到页面刷新的频率和对服务器的影响，避免对用户体验产生负面影响。
这种通过JavaScript强制跳转焦点的方法，可以有效解决FineReport中控件值刷新不及时的问题。其背后的原理在于，通过改变焦点，强制触发了FineReport控件的更新机制，使得最新输入的数据能够被及时读取。 在实际应用...
#### 二、使用JavaScript刷新页面 JavaScript提供了多种方法来刷新当前页面： **2.1 使用`location.reload()`** 这是最简单直接的方式，可以直接调用`location.reload()`来重新加载当前页面。 **示例代码：** `...
#### 一、JavaScript刷新页面的多种方法 JavaScript提供了多种方式来刷新页面，具体方法如下： 1. **`history.go(0)`** - 这个方法用于重新加载当前文档。 - **示例代码**： ```javascript history.go(0); ``...
### 关于Struts2中利用JavaScript刷新window.showModalDialog的父页面 在Web开发中，尤其是在使用Struts2框架进行项目开发时，我们经常会遇到需要弹出模态对话框（modal dialog）的需求。其中一个常见的场景就是...
例如，可以通过检测客户端的请求头信息或者发送心跳检测等方法来确认用户是在刷新页面还是关闭了浏览器。这样的策略通常能够提供更为准确的判断，并且可以在客户端脚本失效的情况下，依然能够对用户的行为进行监控。...