网站建设自动刷新页面的方法
2022-05-01 分类： 网站建设
JavaScript自动刷新页面；
使用JavaScript location.reload方法刷新网页。当用户点击一个链接此代码可以自动在一个事件调用。
要了解它更好的办法，可以刷新页面
自动刷新：
还可以使用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 页面。
使用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 页面。
当前题目：网站建设自动刷新页面的方法
标题来源：https://www.cdcxhl.com/news30/148430.html
网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
猜你还喜欢下面的内容
- 中小型企业网站建设静态、动态如何选择？ 2022-05-01
- 物业公司网站建设优化之长尾关键词到哪里找 2022-05-01
- 网站建设行业存在哪些问题以及解决方案 2022-05-01
- 网站建设怎样选择网站空间？ 2022-05-01
- 如何为网站购买SSL证书：保护网站安全的关键一步！ 2022-05-01
- 教你零基础学习网站建设 2022-05-01
- 网站建设中提升网站实用性的几种方法 2022-05-01
- 影响营销型网站建设成功与否的因素都有哪些 2022-05-01
- 【网站建设】如何让公司的网站建设设计显得更专业? 2022-05-01
- 合肥网站建设哪家公司好？合肥网站定制开发望认真对待 2022-05-01
- 深圳网站建设入门知识介绍？ 2022-05-01
- 想在上海学网站建设，哪家高端网站建设公司好？ 2022-05-01
- 北京网站建设如何做好外链发布？ 2022-05-01
- 医院网站建设中都包含哪些的数据库系统 2022-05-01
- 地产网站建设的栏目策划和定位分析 2022-05-01
- 网站建设：企业做网站需要了解哪些核心问题？ 2022-05-01
- 朝阳周边网站建设公司 2022-05-01
- 企业网站建设时需注意哪些问题 2022-05-01
- 三步教你完胜企业网站建设的内容选择 2022-05-01