您当前位置: 首页 >  WEB技术 >  多种JS刷新页面代码!实用性较强
2013/3/26 13:57:26 分类:WEB技术

多种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\'\'>
window.navigate("本页面url");
</script>
 

4>

function abc()
{
window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}

刷新本页:
Response.Write("<script language=javascript>window.location.href=window.location.href;</script>")

刷新父页:
Response.Write("<script language=javascript>opener.location.href=opener.location.href;</script>")

转到指定页:
Response.Write("<script language=javascript>window.location.href=\'yourpage.aspx\';</script>")

 

刷新页面实现方式总结(HTML,ASP,JS)
\'by aloxy

定时刷新:
1,<script>setTimeout("location.href=\'url\'",2000)</script>

说明:url是要刷新的页面URL地址
2000是等待时间=2秒,
 

 

2,<meta name="Refresh" content="n;url">

说明:
n is the number of seconds to wait before loading the specified URL.
url is an absolute URL to be loaded.
n,是等待的时间,以秒为单位
url是要刷新的页面URL地址
 

 

3,<%response.redirect url%>

说明:一般用一个url参数或者表单传值判断是否发生某个操作,然后利用response.redirect 刷新。
 

 

4,刷新框架页
〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload();</script〉

弹出窗体后再刷新的问题
 

Response.Write("<script>window.showModalDialog(\'../OA/SPCL.aspx\',window,\'dialogHeight: 300px; dialogWidth: 427px; dialogTop: 200px; dialogLeft: 133px\')</script>");//open
Response.Write("<script>document.location=document.location;</script>");

在子窗体页面代码head中加入<base target="_self"/>

刷新的内容加在 if (!IsPostBack) 中

在框架页中右面刷新左面
//刷新框架页左半部分
Response.Write("<script language=javascript>");
Response.Write("parent.left.location.href=\'PayDetailManage_Left.aspx\'");
Response.Write("</script>");
 

页面定时刷新功能实现

有三种方法:
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">rn");
Response.Write("<!--rn");
Response.Write("if(dialogArguments != null){rn");
// 注意上面的dialogArguments,就是父页面showModalDialog()的第二个参数。
// 就是父页面的window对象引用。
Response.Write("dialogArguments.location.reload(true);rn");
// 上面就是刷新父页的代码,相当于在父页上使用
// window.location.reload(true);代码
Response.Write("window.close();}"); // 关闭对话框
Response.Write("//-->rn</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://点击这里下载(然后在线播放) ">

其中20指隔20秒后跳转到http://点击这里下载(然后在线播放) 页面
 

 

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。
 

 

注:我也没有一个一个的测试,但是我用到的都是可以使用的,不过细节需要自己修改。

本文由胡金金个人网站整理发布,转载请注明地址:http://www.hujinjin.com/info/184.html

凡标明来源于胡金金个人网站的文章,皆为本站整理发布,若转载此文必须附原文链接,对部分平台更改其文内容当自己原创者,胡金金个人网站将保留其追究权利!
个人资讯推荐
友情链接