您需要AI互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营
大模型定制 · WEB3 · 元宇宙 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商
网站建设自动刷新页面的方法
标签: 网站建设
2019.05.08

JavaScript自动刷新页面;
使用JavaScript location.reload方法刷新网页。当用户点击一个链接此代码可以自动在一个事件调用。

如果想使用鼠标点击刷新网页,可以用下面的代码:

<a href="javascript:location.reload(true)">Refresh Page</a>




要了解它更好的办法,可以刷新页面
自动刷新:
还可以使用JavaScript后自动给定时间段,以刷新页面。以下是每5秒后会刷新此页面的例子。可以改变这个时候按您的要求。

<html>
<head>
<script type="text/JavaScript">
<!--
function AutoRefresh( t ) {
 setTimeout("location.reload(true);", t);
}
//  -->
</script>
</head>
<body onload="JavaScript:AutoRefresh(5000);">
<p>This page will refresh every 5 seconds.</p>
</body>
</html>
这里的 setTimeout()是一个内置的JavaScript函数,可用于给定的时间间隔之后执行另一个函数。

 

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.页面自动刷新:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20"> 
其中20指每隔20秒刷新一次页面. 

2.页面自动跳转:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20;url=http://www.jb51.net"> 
其中20指隔20秒后跳转到http://www.jb51.net页面 

3.页面自动刷新js版 

 

代码如下:


<script language="JavaScript"> 
function myrefresh() 

window.location.reload(); 

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


ASP.NET如何输出刷新父窗口脚本语句 
1. this.response.write("<script>opener.location.reload();</script>"); 
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>"); 
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</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() 
</script> 

//跳出页面 
<SCRIPT LANGUAGE=JAVASCRIPT> 
<!-- 
if (top.location !== self.location) { 
top.location=self.location; 
}
 

javascript 页面只自动刷新一次

代码如下:

<Script> 
function reurl(){ 
url = location.href; //把当前页面的地址赋给变量 url 
var times = url.split("?"); //分切变量 url 分隔符号为 "?" 
if(times[1] != 1){ //如果?后的值不等于1表示没有刷新 
url += "?1"; //把变量 url 的值加入 ?1 
self.location.replace(url); //刷新页面 


onload=reurl 
</script> 
 




其他页面刷新的方式;
1.onResume()方法

       activity或fragment页面中(简称原页面)启动新的页面(简称新页面),新页面返回时需要原页面刷新数据,观察他们的生命周期可以看出,启动新的页面,原页面会依次调用onPause(), and onStop()方法,当新的页面关闭返回时,原页面会调用onStart(),onResume(),因此把加载数据放到onResume()方法中即可

        @Override
    public void onResume() {
      super.onResume();
      getData();//加载数据
    }


.startActivityForResult方法
三种情况
a.用新页面关闭的默认码,原页面就刷新

设置返回码

private int requestCode = 0X5;//返回码大于零

启动新页面

startActivityForResult(new Intent(context,NewActivity.class).putExtras(bundle), requestCode);

//携带bundle启动新页面

新页面关闭时会自动调用Activity.RESULT_CANCELED,不需要在新页面写结果码代码

原页面刷新数据:

    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
    // TODO Auto-generated method stub
    if (requestCode == this.requestCode && resultCode == Activity.RESULT_CANCELED) {
    //刷新数据
    }


b.改写新页面关闭时的默认码,原页面刷新
设置结果码为RESULT_OK
覆写finish( )方法

    @Override
    public void finish() {
    setResult(RESULT_OK);
    super.finish();
    }


原页面刷新数据:

    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
    // TODO Auto-generated method stub
    if (requestCode == this.requestCode && resultCode == Activity.RESULT_OK) {
    //加载数据
    }
    }



c.新页面有特定操作,比如提交数据,原页面才刷新数据

可以在新页面设置requestCode,这也是最通用的方法,不 累述
3.其他方法
接口回调,广播,观察者模式




  .net页面刷新的方式;

第一:
private void Button1_Click( object sender, System.EventArgs e )  
{
     Response.Redirect( Request.Url.ToString( ) );
}
第二:
private void Button2_Click( object sender, System.EventArgs e )  
{
     Response.Write( "
     <script language=javascript>window.location.href=document.URL;
     </script>" );
}
第三:
private void Button3_Click( object sender, System.EventArgs e )  
{
     Response.AddHeader( "Refresh","0" );
}
第四:
private void Button6_Click( object sender, System.EventArgs e )  
{
     //好像有些不对?
     //Response.Write( "
     <script language=javascript>window.location.reload( );
     </script>" );
}
第五:(需替换<>)
<script><!--
var limit="3:00"
if ( document.images )
{
     var parselimit=limit.split( ":" )parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh( )
{
     if ( !document.images )returnif ( parselimit==1 )window.location.reload( )else
     {
         parselimit-=1curmin=Math.floor( parselimit/60 )cursec=parselimit%60if ( curmin!=0 )curtime=curmin+"分"+cursec+"秒后重刷本页!"elsecurtime=cursec+"秒后重刷本页!"window.status=curtimesetTimeout( "beginrefresh( )",1000 )
     }
}
window.onload=beginrefresh//-->   </script><DIV style="Z-INDEX: 102;
LEFT: 408px;
POSITION: absolute;
TOP: 232px" ms_positioning="text2D">
<P><FONT size="3">自动刷新页面</FONT></P>
</DIV>第六:
<meta http-equiv="refresh" content="300;
url=target.html">

用window.location.href实现刷新另个框架页面

在写ASP.Net程序的时候,我们经常遇到跳转页面的问题,我们经常使用Response.Redirect ,如果客户要在跳转的时候使用提示,这个就不灵光了,如:

Response.Write("<script>alert('恭喜您,注册成功!');</script>");
Response.Redirect("main.html");

这时候我们的提示内容没有出来就跳转了,和Response.Redirect("main.html");没有任何区别。

这时我们采用下面代码试验一下:

Response.Write("<script language=javascript>alert('恭喜您,注册成功!')</script>");
Response.Write("<script language=javascript>window.location.href='main.html'</script>");

这个即实现了我们的要求,在提示后,跳转页面。

最重要的是window.location.href 语句可以实现一个框架的页面在执行服务器端代码后刷新另一个框架的页面(Response.Redirect无法达到,至少我没有发现):

如:index.htm页面中有二个框架,分别为 frameLeft和frameRight,在frameRight页面中执行服务器端代码后刷新frameLeft中的页面。

先前最常见的是注册之后,自动刷新登陆框,让登陆框换成已登陆页面,只要在注册成功的代码之后加上一段,即可以实现刷新另个框架的页面。代码如下:

Response.Write("<script language=javascript>alert('恭喜您,注册成功!')</script>");
Response.Write("<script language=javascript>window.parent.frameLeft.location.href='main.html'</script>");



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

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>
一秒一次

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



400-6446-365 / 010-64928252 我想要个更针对我需求的方案
让决策变的简单
好的开始是成功的一半
请输入关键字