js刷新当前页面的5种方式
js刷新当前页⾯的5种⽅式
1。 reload
reload ⽅法，该⽅法强迫浏览器刷新当前页⾯。
语法：load([bForceGet])
参数： bForceGet，可选参数，默认为 false，从客户端缓存⾥取当前页。true, 则以 GET ⽅式，从服务端取最新的页⾯, 相当于客户端点击F5("刷新")
reload() ⽅法⽤于重新加载当前⽂档。
如果该⽅法没有规定参数，或者参数是 false，它就会⽤ HTTP 头 If-Modified-Since 来检测服务器上的⽂档是否已改变。如果⽂档已改
变，reload() 会再次下载该⽂档。如果⽂档未改变，则该⽅法将从缓存中装载⽂档。这与⽤户单击浏览器的刷新按钮的效果是完全⼀样的。2.
2，replace ⽅法，该⽅法通过指定URL替换当前缓存在历史⾥（客户端）的项⽬，因此当使⽤replace⽅法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。
语法： place(URL)
通常使⽤： load() 或者是 (0) 来做。
此⽅法类似客户端点F5刷新页⾯，所以页⾯method="post"时，会出现"⽹页过期"的提⽰。
因为Session的安全保护机制。
当调⽤ load() ⽅法时， aspx页⾯此时在服务端内存⾥已经存在，因此必定是 IsPostback 的。
如果有这种应⽤：需要重新加载该页⾯，也就是说期望页⾯能够在服务端重新被创建，期望是 Not IsPostback 的。
这⾥，place() 就可以完成此任务。被replace的页⾯每次都在服务端重新⽣成。
代码： place(location.href);
返回并刷新页⾯：
不要⽤ (-1)，或 history.back()；来返回并刷新页⾯，这两种⽅法不会刷新页⾯。
附：
Javascript刷新页⾯的⼏种⽅法：
复制代码代码如下:
1，(0)
2，load()
3，location=location
4，location.assign(location)
5，Command('Refresh')
6，window.navigate(location)
7，place(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=www.jb51">
复制代码代码如下:
<script language="JavaScript">
function myrefresh()
{
load();
}
setTimeout('myrefresh()',1000); //指定1秒刷新⼀次
</script>
4，JS刷新框架的脚本语句
复制代码代码如下:
//刷新包含该框架的页⾯⽤
<script language=JavaScript>
load();
</script>
//⼦窗⼝刷新⽗窗⼝
<script language=JavaScript>
self.load();
</script>
(　或　<a href="javascript:load()">刷新</a>  )
//刷新另⼀个框架的页⾯⽤
<script language=JavaScript>
parent.另⼀load();
</script>
如果想关闭窗⼝时刷新或想开窗时刷新，在<body>中调⽤以下语句即可。
复制代码代码如下:
<body onload="load()"> 开窗时刷新
<body onUnload="load()"> 关闭时刷新
<script language="javascript">
window.opener.load()
</script>
⼀、先来看⼀个简单的例⼦：
下⾯以三个页⾯分别命名为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 (即下⾯的页⾯) 的刷新，可以⽤以下七种语句，哪个好⽤⾃⼰看着办了。
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].load()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.load()"><br>
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].load()"><br>
<input type=button value="刷新4" onclick="window.parent.frames.item(1).load()"><br>
<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').load()"><br>
<input type=button value="刷新6" onclick="window.parent.load()"><br>
<input type=button value="刷新7" onclick="window.parent['bottom'].load()"><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刷新页⾯的⼏种⽅法：
(0)
load()
3 location=location
4 location.assign(location)
Command('Refresh')
6 window.navigate(location)
place(location)
全选注:]
三、java在写Servler,Action等程序时，要操作返回页⾯的话（如谈出了窗⼝，操作完成以后，关闭当前页⾯，刷新⽗页⾯）
复制代码代码如下:
1 PrintWriter out = Writer();
2 out.write("<script type=\"text/javascript\">");
3 ////⼦窗⼝刷新⽗窗⼝
4 out.write("self.load();");
5 //关闭窗⼝
6 out.write("window.opener=null;");
7 out.write("window.close();");
8 out.write("</script>");
自动弹出网页
四、JS刷新框架的脚本语句
1.如何刷新包含该框架的页⾯⽤
复制代码代码如下:
<script language=JavaScript>
load();
</script>
2.⼦窗⼝刷新⽗窗⼝
复制代码代码如下:
<script language=JavaScript>
self.load();
</script>
3.如何刷新另⼀个框架的页⾯⽤（上⾯的实例以说明了）
复制代码代码如下:
语句1. window.parent.frames[1].load();
语句2. window.parent.frames.load();
语句3. window.parent.frames["bottom"].load();
语句4. window.parent.frames.item(1).load();
语句5. window.parent.frames.item('bottom').load();
语句6. window.parent.load();
语句7. window.parent['bottom'].load();
4.如果想关闭窗⼝时刷新或者想开窗时刷新的话，在<body>中调⽤以下语句即可。<body onload="load()">
开窗时刷新
<body onUnload="load()">
关闭时刷新
复制代码代码如下:
<script language="javascript">
window.opener.load()
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。