JavaScript 刷新页面代码(汇总)

1. 页面设置自动刷新

<meta http-equiv="refresh"content="10;url=想要跳转的页面"> 
  注:10 表示间隔10秒刷新一次

2. 利用JavaScript加载刷新

1)<script type=''text/javascript''>window.location.reload(true);</script>
注:利用JavaScript的window事件进行对应的操作,若要刷新某一个iframe就把window给换成iframe的名字或id 号。
2) <script language=''javascript''>window.navigate("本页面url");</script>
1 function abc(){
2   window.location.href="/blog/window.location.href";
3   setTimeout("abc()",10000);
4 }
1 刷新本页:
2 Response.Write("<script type="text/javascript">window.location.href=window.location.href;</script>")
3 
4 刷新父页:
5 Response.Write("
6 <script type="text/javascript">opener.location.href=opener.location.href;</script>")
7 
8 转到指定页:
9 Response.Write("<script type="text/javascript">window.location.href='yourpage.html';</script>")
1 定时刷新:
2 <script>setTimeout("location.href='url'",2000)</script>
3 
4 说明:url是要刷新的页面URL地址,2000是等待时间=2秒,
<meta name="Refresh" content="n;url">

说明:n,是等待的时间,以秒为单位;url是要刷新的页面URL地址.

页面定时刷新功能实现

有三种方法:
1,在html中设置:
<title>xxxxx</title>之後加入下面这一行即可!
定时刷新:<META HTTP-EQUIV="Refresh" content="10">
10代表刷新间隔,单位为秒

2.jsp
<% response.setHeader("refresh","1"); %>
每一秒刷新一次

3.使用javascript:
<script language="javascript">
setTimeout("self.location.reload();",1000);
<script>
一秒一次


页面自动跳转:
1,在html中设置:
<title>xxxxx</title>之後加入下面这一行即可!
定时跳转并刷新:<meta http-equiv="refresh" content="20;url=http://自己的URL">,
其中20指隔20秒后跳转到http://自己的URL 页面。


点击按钮提交表单后刷新上级窗口

A窗口打开B窗口

然后在B里面提交数据至C窗口

最后要刷新A窗口

并且关闭B窗口

几个javascript函数

//第一个自动关闭窗口
<script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=2
clock();
//-->
</script>

//第二个刷新父页面的函数

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


//第三个打开窗口

<script language="javascript">
function show(mylink,mytitle,width,height)
{mailwin=window.open(mylink,mytitle,'top=350,left=460,width='+width+',height='+height+',scrollbars=no')}
</script>

js刷新父页面

非模态刷新父页面:window.opener.location.reload(); 
模态刷新父页面:window.dialogArguments.location.reload(); 

Response.Write("<script language="javascript"> "); 
Response.Write("<!-- "); 
Response.Write("if(dialogArguments != null){ "); 
// 注意上面的dialogArguments,就是父页面showModalDialog()的第二个参数。 
// 就是父页面的window对象引用。 
Response.Write("dialogArguments.location.reload(true); "); 
// 上面就是刷新父页的代码,相当于在父页上使用 
// window.location.reload(true);代码 
Response.Write("window.close();}"); // 关闭对话框 
Response.Write("//--> </script>"); //关闭脚本块 

上面的代码就是关闭对话框和刷新父页的代码,这段代码也可以直接写入editdata.aspx的html中,然后在后台cs中调用

<script> 
<!--

var limit="0:10"

if (document.images){ 
var parselimit=limit.split(":") 
parselimit=parselimit[0]*60+parselimit[1]*1 

function beginrefresh(){ 
if (!document.images) 
return 
if (parselimit==1) 
window.location.reload() 
else{ 
parselimit-=1 
curmin=Math.floor(parselimit/60) 
cursec=parselimit%60 
if (curmin!=0) 
curtime=curmin+"分"+cursec+"秒后重刷本页!" 
else 
curtime=cursec+"秒后重刷本页!" 
window.status=curtime 
setTimeout("beginrefresh()",1000) 

}

window.onload=beginrefresh 
file://--> 
</script>

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.wyxg.com">

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

3.页面自动刷新js版

<script language="JavaScript">

function myrefresh()

{

       window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</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()

[JS]让页面仅自动刷新一次http://hi.baidu.com/lwlfree/blog/item/9a1ae024a41dd50b4c088ddd.html

最近在做一个模块,其中用到了选项卡。对比之后,决定使用JQuery的UI插件中的TAB功能。

虽然JQ的TAB有一个直接读取页面的功能,但是一般都是按照UTF-8编码读出的,因此想重用之前的页面加载到TAB里就出现了大量的源码。最后决定,让TAB不直接读取应用页面,仅读取中转页面(中转页面中使用IFRAME来加载应用页面),从而达到切换TAB时动态加载应用页面的功能。

然而使用IFRAME之后,发现要想使应用页面与TAB框架页浑然一体的话,必须使IFRAME能够自适应应用页面的高度,虽然使用了JS来使IFRAME自适应内部页面的高度,但是当应用页面几乎与框架同时加载完毕时,还是无法自适应IFRAME的高度,但是刷新IFRAME内部的页面时,就可以自适应高度。

由此想到让页面延时刷新的思路,但是仅使用setTimeout("window.location.reload();",500)来实现的时候,发现页面会不停的刷,原因是:延时刷新之后,页面重新加载setTimeout认为还是第一次加载页面,因而会不断的刷新。

最后使用下面的代码,解决了此问题,代码如下:

function reurl(){

    url = location.href; //把当前页面的地址赋给变量 url

    var times = url.split("$"); //分切变量 url 分隔符号为 "$"

    if(times[1] != 1){ //如果$后的值不等于1表示没有刷新

        url += "&$1"; //把变量 url 的值加入 $1

        self.location.replace(url); //刷新页面

    }
}

window.onload = function () { setTimeout("reurl();",500) }

以上JS代码可用于带GET参数的URL。

3. 点击刷新页面

1 <button type="button" onclick="window.location.href=window.location.href">Click</button>

注:参考文章来源:http://www.cnblogs.com/weixing/p/4096791.html

  

原文地址:https://www.cnblogs.com/xbyl/p/5737737.html