阅读(3436)
赞(12)
JavaScript自动刷新页面的方法
2016-08-11 16:08:21 更新
使用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.zijiebao.com"> 其中20指隔20秒后跳转到http://www.zijiebao.com页面
3.页面自动刷新js版
代码如下:
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
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>")
//如何刷新包含该框架的页面用
parent.location.reload(); //子窗口刷新父窗口
self.opener.location.reload(); //如何刷新另一个框架的页面用
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
原理
充分利用地址栏可带参数的选项，用脚本来取得页面间的传递参数，并不需要后台程序的支持。