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\">\r\n"); 
Response.Write("<!--\r\n"); 
Response.Write("if(dialogArguments != null){\r\n"); 
// 注意上面的dialogArguments，就是父页面showModalDialog()的第二个参数。 
// 就是父页面的window对象引用。 
Response.Write("dialogArguments.location.reload(true);\r\n"); 
// 上面就是刷新父页的代码，相当于在父页上使用 
// window.location.reload(true);代码 
Response.Write("window.close();}"); // 关闭对话框 
Response.Write("//-->\r\n</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 > 开窗时刷新

<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

时间： 2024-11-13 15:36:46

JavaScript 刷新页面代码（汇总）的相关文章

javascript刷新页面的方法汇总

如何实现刷新当前页面呢?借助js你将无所不能. 1,reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进

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.页面自动刷新:把如下代码

javascript刷新页面(转载)

如何实现刷新当前页面呢?借助js你将无所不能. 1,reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])   参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后

JS刷新页面总和！多种JS刷新页面代码!

1)<meta http-equiv="refresh"content="10;url=跳转的页面">10表示间隔10秒刷新一次2)<script language=''javascript''>window.location.reload(true);</script>如果是你要刷新某一个iframe就把window给换成frame的名字或ID号3)<script language=''javascript''>wi

Javascript刷新页面大全

非模态刷新父页面:window.opener.location.reload(); 模态刷新父页面:window.dialogArguments.location.reload(); 先来看一个简单的例子:    下面以三个页面分别命名为frame.html.top.html.bottom.html为例来具体说明如何做.       frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:    <!DOCTYPE HTML PUBLIC "-//

Javascript刷新页面的几种方法：

Javascript刷新页面的几种方法:1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href

js自动刷新页面代码

<script language="JavaScript">function myrefresh(){window.location.reload();}setTimeout('myrefresh()',1000); //指定1秒刷新一次</script> 页面自动刷新代码大全1) 自动刷新页面 在 <body> 与 </body> 之间加入: <META http-equiv=refresh content=”10;url=../

JavaScript刷新页面n种方法

利用 window.location.href 属性 window.location.href=window.location.href;//刷新当前页面 asp.net 或 asp 利用此功能刷新页面 Response.Write("<script language=javascript>window.location.href=window.location.href;</script>") 认识 location / Location 对象 参考 loca

用js实现的刷新页面

一.先来看一个简单的例子: 下面以三个页面分别命名为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