`

js刷新当前页面

 
阅读更多
一、先来看一个简单的例子：
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：

详细出处参考：http://www.jb51.net/article/14397.htm
<!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 (即下面的页面) 的刷新，可以用以下七种语句，哪个好用自己看着办了。
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页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。
<!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://www.jb51.net">
其中20指隔20秒后跳转到http://www.jb51.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>
分享到：
| String数组转List，List转String数组
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js刷新当前页面的几种方法(相当牛X)

    用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) ...

    js实现刷新当前页面

    本文将详细介绍使用JavaScript刷新当前页面的几种常见方法，并通过具体的示例帮助读者更好地理解和掌握这些技巧。 #### 二、JavaScript 刷新页面的方法 ##### 1. `reload` 方法 - **定义**: `reload` 方法用于强制...

    JS刷新当前页面的几种方法总结

    在JavaScript中，刷新当前页面是常见的操作，尤其在动态交互的网页中，有时需要更新页面内容以反映最新的数据。本文将详细介绍几种常见的JS刷新页面的方法，并探讨它们的使用场景和特性。 1. `location.reload()`：...

    JS当前页面和框架自动刷新的方法

    2. `location.reload()`: 强制刷新当前页面，可以选择是否绕过缓存。 3. `location=location`: 这种方式也会重定向页面到当前URL，从而实现刷新的效果。 4. `location.assign(location)`: 类似于`location=location`...

    用js来刷新当前页面保留参数的具体实现

    在本文中，我们将探讨如何使用JavaScript（简称js）技术来实现刷新当前页面的同时保留页面参数。通常情况下，当我们在网页上刷新时，页面中的数据和状态会被重置，特别是GET请求的参数会丢失。为了解决这个问题，...

    JS刷新父页面 父窗口

    ### JS刷新父页面 在JavaScript中，我们经常遇到需要在一个弹出的窗口（子窗口）中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用，比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的...

    js刷新页面方法大全

    当传递0作为参数时，它相当于刷新当前页面： ```javascript window.history.go(0); ``` 4. `document.execCommand('refresh')` 这个方法在过去被用来模拟刷新，但现在已经被废弃，不应再使用。然而，为了完整起见，...

    javascript刷新父页面

    ### JavaScript 刷新父页面知识点详解 #### 一、概述 在网页开发中，有时我们需要从一个弹出的子窗口（通常是由 `window.open` 或 `window.showModalDialog` 方法打开的）来控制父窗口的行为，比如刷新父窗口的...

    JS区分浏览器页面是刷新还是关闭

    传统的做法是使用BOM（Browser Object Model）事件中的onbeforeunload事件，该事件会在页面即将卸载前触发，允许开发者进行一些操作，如确认用户是否要离开当前页面。然而，仅仅使用onbeforeunload事件并不能完全...

    js页面刷新大全

    1. 使用 location.reload() 方法：location.reload() 方法可以用来刷新当前页面。 ```javascript 刷新" onclick="location.reload()"&gt; ``` 2. 使用 window.location 重新加载页面：可以使用 window.location 重新...

    Javascript刷新页面的几种方法

    ### JavaScript刷新页面的方法 在Web开发中，有时候我们需要利用JavaScript来实现页面的自动刷新或跳转功能。本文将详细介绍几种常见的使用JavaScript刷新页面的方法，并解释它们的工作原理。 #### 1. 使用`...

    jquery刷新页面和JS常用的函数

    **刷新当前页面：** ```javascript window.location.reload(); ``` 此方法会重新加载当前页面。 **刷新父页面：** ```javascript parent.location.reload(); ``` 如果当前页面位于一个 `iframe` 内，则使用 `...

    【JavaScript源代码】vue列表数据删除后主动刷新页面及刷新方法详解.docx

    在Vue.js应用中，当你需要在执行特定操作如删除或添加数据后刷新页面时，通常前端不会自动更新，因为Vue采用的是数据驱动视图的模式，仅当数据变化时才会更新视图。在这种情况下，我们可以采取手动刷新页面的方法。...

    js刷新页面 方法大全

    1. `window.location.reload()`: 这是最常用的方法，通过调用`window`对象的`reload()`方法，可以强制刷新当前页面。例如： ```javascript window.location.reload(); ``` 可选参数`true`可以使页面从服务器而...

    js中刷新页面的方法

    当当前页面位于某个父窗口的子框架内时，使用 `parent.location.reload()` 可以刷新父窗口的内容。这种方法适用于处理嵌套框架的情况。 **基本语法：** ```javascript parent.location.reload(); ``` **示例代码...

    html框架集js刷新页面方法大全.pdf

    这些方法都可以实现刷新当前页面，並且可以根据需要选择合适的方法。 结论 ---------- 在 HTML 框架集页面中，使用 JavaScript 实现刷新页面非常方便。我们可以根据需要选择合适的方法来实现刷新页面，并且可以...

    js无刷新改变页面url

    js 无刷新改变页面 URL 是指通过 JavaScript 处理，使页面请求在跳转回来，页面无刷新感觉，增加用户体验。这种技术可以使页面的跳转（前进后退、点击等）不重新请求页面，使页面 URL 与页面展现内容一致，符合人们...

Magicbox
Global site tag (gtag.js) - Google Analytics