自动刷新页面的实现方法总结

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)

定时刷新:
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>
一秒一次。


setTimeout只运行一次,也就是说设定的时间到后就触发运行指定代码,运行完后即结束

setInterval(function(){
          window.location.href="index.html";
          },3000);


上面这段代码是循环运行的,当处在index.html页面时实现的是每隔3秒自动刷新本页面的功能。当url为其他页面时实现定时跳转


setTimeout和setInterval的区别:

setTimeout只运行一次,也就是说设定的时间到后就触发运行指定代码,运行完后即结束。如果运行的代码中再次运行同样的setTimeout命令,则可循环运行。
setinterval是循环运行的,即每到设定时间间隔就触发指定代码。这是真正的定时器。
setinterval使用简单,而setTimeout则比较灵活,可以随时退出循环,而且可以设置为按不固定的时间间隔来运行,比如第一次1秒,第二次2秒,第三次3秒……


页面自动跳转:
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>

 

刷新iframe的方法

<script language="JavaScript">
function open_window() {
window.frames["ifr"].location.reload();
}
</script>
<iframe src="http://bbs.blueidea.com/" width=200 height=100 id="ifr" name="ifr"></iframe>

<a href="#" οnclick="open_window();">刷新</a>

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值