JavaScript自动刷新页面的方法

2019-08-14 17:39 更新

使用JavaScript location.reload方法刷新网页。当用户点击一个链接此代码可以自动在一个事件调用。
如果想使用鼠标点击刷新网页,可以用下面的代码:

<a href="javascript:location.reload(true)">Refresh Page</a>

要了解它更好的办法,可以刷新页面
自动刷新:
还可以使用JavaScript后自动给定时间段,以刷新页面。以下是每5秒后会刷新此页面的例子。可以改变这个时候按您的要求。

<html>
<head>
<script type="text/JavaScript">
<!--
function AutoRefresh( t ) {
 setTimeout("location.reload(true);", t);
}
//  -->
</script>
</head>
<body onload="JavaScript:AutoRefresh(5000);">
<p>This page will refresh every 5 seconds.</p>
</body>
</html>

这里的 setTimeout()是一个内置的JavaScript函数,可用于给定的时间间隔之后执行另一个函数。


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.replace(location) 
8 document.URL=location.href 


自动刷新页面的方法: 
1.页面自动刷新:把如下代码加入<head>区域中 

其中20指每隔20秒刷新一次页面. 

2.页面自动跳转:把如下代码加入<head>区域中 

<meta http-equiv="refresh" content="20;url=http://www.w3cschool.cn"> 

其中20指隔20秒后跳转到http://www.w3cschool.cn页面 

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刷新框架的脚本语句 
//如何刷新包含该框架的页面用 
parent.location.reload(); 


//子窗口刷新父窗口 
self.opener.location.reload(); 
( 或 <a href="javascript:opener.location.reload()">刷新</a> ) 
//如何刷新另一个框架的页面用 
parent.otherFrameID.location.reload(); 

如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。 
<body onload="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新 

<script language="javascript"> 
window.opener.document.location.reload() 
</script> 


//跳出页面 
if (top.location !== self.location) { 
top.location=self.location; 
}


javascript 页面只自动刷新一次

代码如下:

function reurl(){ 
url = location.href; //把当前页面的地址赋给变量 url 
var times = url.split("?"); //分切变量 url 分隔符号为 "?" 
if(times[1] != 1){ //如果?后的值不等于1表示没有刷新 
url += "?1"; //把变量 url 的值加入 ?1 
self.location.replace(url); //刷新页面 
} 
} 
onload=reurl 


原理 
充分利用地址栏可带参数的选项,用脚本来取得页面间的传递参数,并不需要后台程序的支持。


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号