- 浏览: 3460924 次
- 性别:
- 来自: China
-
文章分类
- 全部博客 (536)
- ajax (1)
- Algorithm (14)
- Android (40)
- CSS/HTML... (2)
- defy (3)
- DesignPattern (2)
- dorado (0)
- Drools (6)
- English/日本語 (7)
- Flex (2)
- Framework (0)
- Google (3)
- hibernate (13)
- homework (3)
- HTML5 (0)
- IDE (29)
- java (45)
- javaee (7)
- Javascript (14)
- java组件 (5)
- jQuery (4)
- jsp (8)
- jsf (2)
- Linux (2)
- lucene (0)
- mysql (6)
- news (3)
- Oracle (8)
- other (4)
- PHP (5)
- Python (0)
- Software Engineering (3)
- spring (7)
- struts1.x (14)
- struts2.x (14)
- strolling in cloud (1)
- subject：javaEnhance (20)
- Tomcat (7)
- validator (3)
- 学习·方法·心得 (8)
- .NET (2)
- vba (6)
- groovy (5)
- grails (2)
- SWT (0)
- big data (1)
- perl (1)
- objective-c (50)
- product (1)
- mac (7)
- ios (188)
- ios-phone (2)
- ios-system (15)
- ios-network (5)
- ios-file (4)
- ios-db (1)
- ios-media (3)
- ios-ui (27)
- ios-openSource (6)
- ios-animation (5)
- ios-drawing (7)
- c (2)
- ios-app (2)
- ios-course (15)
- ios-runtime (14)
- ios-code (8)
- ios-thread (8)
- ios-LBS (2)
- ios-issue (1)
- ios-design (2)
- Jailbreak (2)
- cocos2d (0)
- swift (16)
- ios-framework (4)
- apple watch (4)
- ios-web (1)
- react native (3)
- TVOS (1)
- OpenGL (1)
最新评论
-
xiaobinggg：
...
Session机制详解 -
菜鸟学生会：
Drools规则工作流引擎开发教程网盘地址：http://pa ...
Drools入门-----------环境搭建，分析Helloworld -
wangyudong：
不是很好用，不支持自动化测试RESTful API，也不支持自 ...
Simple REST Client POST使用方法 -
Paul0523：
很棒的一篇文章，感谢楼主分享
Session机制详解 -
啸笑天：
获取原型对象的三种方法<script>functi ...
复习JavaScript面向对象技术
Javascript刷新页面的几种方法
非模态刷新父页面：window.opener.location.reload();
模态刷新父页面：window.dialogArguments.location.reload();
先来看一个简单的例子：
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
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();
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>
解释一下：
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://justsee.iteye.com/blog/522027">
其中20指隔20秒后跳转到http://justsee.iteye.com/blog/522027页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
ASP.NET如何输出刷新父窗口脚本语句
1. this.response.write("<script>opener.location.reload();</script>");
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</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>
发表评论
-
macrotask和microtask
2017-11-22 16:49 0原文地址：https://github.com/easy ... -
React 高阶组件(HOC)
2017-11-22 16:55 2592原文地址：https://github.com/easy ... -
《ECMAScript 6 入门》笔记
2017-07-15 11:47 917let 和 const 命令 https://gi ... -
js的多种继承方式
2015-07-23 21:52 735构造函数的继承 function ... -
静态页面间数据传递方法总结
2012-03-09 10:41 2030静态压面间数据的传递方法很多，目前经搜索得到主要以下几种方法。 ... -
是生生世世
2011-10-19 08:31 0dialect -
复习JavaScript面向对象技术
2011-09-15 00:11 1750感谢http://sdcyst.iteye.com/ ... -
阿萨德
2011-05-16 23:37 0各位面试官，老师，同学们你们好，我叫朱阳俊，87年出 ... -
撒旦撒打算的
2011-04-19 22:30 0/*** * Excerpted from &quo ... -
sadas
2011-04-12 13:19 0/*** * Excerpted from &quo ... -
结网会辉煌季后ij
2011-02-24 10:30 0http://hunch.com/professions/ ... -
JavaScript 对象
2010-10-31 23:58 1412对象与数组 JavaScript中的对象本质上是一个关联 ... -
JavaScript变量 没有块范围
2010-10-31 21:38 2243局部变量覆盖全局变量，如下： <script&g ... -
根据IP自动切换城市（腾讯网接口）
2010-10-16 10:57 2366<script src="http: ... -
javascript中event.keycode大全
2010-06-12 09:07 2377keycode 8 = BackSpace BackSpa ... -
event.keyCode ，event.which ，event.charCode
2010-06-12 09:00 6529javascript判断是否按回车 ... -
深入理解Javascript闭包(closure)
2010-05-31 22:07 1225感谢http://softbbs.pconline.co ... -
Aptana使用入门一：Code Assist
2009-12-14 12:07 1969两天我在《不可多得的Javascript(AJAX)开发工具 ... -
不可多得的Javascript(AJAX)开发工具 － Aptana
2009-12-14 12:05 1833自从开始做Web开发起，一直都没有找到一个很让人满意的Java ...
相关推荐
该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(...
### JavaScript刷新页面大全 在Web开发中，页面的刷新是一个常见的需求。JavaScript作为一种客户端脚本语言，提供了多种方法来实现页面的刷新功能。本文将详细介绍几种常见的方式，并给出相应的代码示例。 #### 1....
Iframe是一种嵌入网页的框架形式，Web页面可以通过更改嵌入的部分，达到部分内容刷新，通过本文和大家一起学习iframe实现局部刷新的几种方法汇总，对iframe局部刷新相关知识感兴趣的朋友一起学习吧
本文详细介绍了JavaScript刷新框架及页面的七种方法，并通过示例代码进行了演示。掌握这些技巧对于提高Web应用程序的用户体验至关重要。开发者可以根据实际需求选择最合适的方法来实现页面或框架的刷新功能。
以下是几种在Vue应用程序中刷新页面的常用方法： 1. **使用`location.reload()`方法**： 这是JavaScript中最常见的刷新页面的方法，它会重新加载当前URL。可以在Vue的生命周期钩子或其他自定义方法中使用。例如，...
用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) ...
以下是几种常见的全局刷新方法： 1. 刷新当前页面，使用以下代码： ```javascript window.location.reload(); ``` 此方法会请求浏览器刷新当前页面。它通常用于当页面状态改变时，比如表单提交后，需要刷新当前...
除了上述针对框架内页面的刷新方法外，还有其他几种通用的页面刷新技术： 1. `history.go(0)`: 这个方法会重新加载当前页面，相当于用户点击了浏览器的刷新按钮。 2. `location.reload()`: 强制刷新当前页面，可以...
二、使用JavaScript刷新页面 JavaScript也提供了多种方法来刷新页面，以下是一些常用的方法： 1. 使用history.go(0)刷新页面，例如：<a href="javascript:history.go(0);">刷新页面 2. 使用location.reload()刷新...
几种在网页中调用其它页面的方法 在网页开发中，调用其它页面的方法有很多，以下都是常见的方法： 方法一：使用JavaScript脚本 使用JavaScript脚本可以通过修改window.location属性来调用其它页面的内容。例如： ...
在实际代码中，作者提出了几种方法，包括： - 使用`window.event`来获取触发事件的环境信息，并判断页面是关闭还是刷新。 - 利用`onbeforeunload`事件的返回值来进行判断，如果返回值被设置，则一般表示是关闭页面...
#### 二、使用JavaScript刷新页面 JavaScript提供了多种方法来刷新当前页面： **2.1 使用`location.reload()`** 这是最简单直接的方式，可以直接调用`location.reload()`来重新加载当前页面。 **示例代码：** `...
JavaScript提供了几种方法来实现页面刷新，包括直接调用location.reload()方法，通过定时器setTimeout()在指定时间后刷新页面，以及通过鼠标事件触发页面刷新。以下详细说明这些方法和相关知识点。 首先，location....
本篇将基于标题“页面刷新方法汇总”和描述中的信息，深入探讨几种常见的页面刷新方法，并结合标签“源码”和“工具”，分享一些实际操作技巧。 首先，页面刷新主要分为两种类型：客户端刷新和服务器端刷新。 1. *...
从给定的文件标题、描述、标签以及部分内容来看，主要涉及了四种页面局部刷新的技术，包括iframe、JavaScript、Callback（回掉函数）以及Ajax。下面将对这四种技术进行详细解析： ### 1. iframe（内联框架） ...
本文将详细介绍几种使用JavaScript刷新页面的方法，并结合一个具体的示例来解释它们的用法。 1. `window.location.reload()`: 这是最常用的方法，通过调用`window`对象的`reload()`方法，可以强制刷新当前页面。...
另一种方法是通过JavaScript来实现页面刷新，这通常用于在客户端执行刷新操作。例如： ```csharp private void Button2_Click(object sender, System.EventArgs e) { Response.Write("<script language=...