js刷新页面全面介绍

来源:互联网 发布:开淘宝网店的步骤 编辑:程序博客网 时间:2024/05/23 01:25
看到别人的总结,拿过来以后自己用,暂时先保存着
 
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 www.jbxue.com
             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` 
if (curmin!=0) 
curtime=curmin+"分"+cursec+"秒后重刷本页!" 
else 
curtime=cursec+"秒后重刷本页!" 
window.status=curtime 
setTimeout("beginrefresh()",1000) 
}  (脚本学堂 www.jbxue.com 编辑整理)
}
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。

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