当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?
其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv=refresh content="20">,其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.baidu.com">,其中20指隔20秒后跳转到http://www.baidu.com页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</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='http://baihe8612.blog.163.com/blog/yourpage.aspx';</script>")
刷新页面实现方式总结(HTML,ASP,JS)
'by aloxy
定时刷新:
1,<script>setTimeout("location.href='http://baihe8612.blog.163.com/blog/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='http://baihe8612.blog.163.com/blog/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\">\r\n");
Response.Write("<!--\r\n");
Response.Write("if(dialogArguments != null){\r\n");
// 注意上面的dialogArguments,就是父页面showModalDialog()的第二个参数。
// 就是父页面的window对象引用。
Response.Write("dialogArguments.location.reload(true);\r\n");
// 上面就是刷新父页的代码,相当于在父页上使用
// window.location.reload(true);代码
Response.Write("window.close();}"); // 关闭对话框
Response.Write("//-->\r\n</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>
分享到:
相关推荐
JS的各种自动刷新,10表示间隔10秒刷新一次,刷新本页,刷新父页,转到指定页,刷新框架页,页面定时刷新功能实现
自动刷新网页代码
能够实现web页面的跳转与自动刷新,自动跳转等。针对每一种实现方法,里面都有具体的实例。
vue列表数据删除后主动刷新页面及刷新方法详解 前端删除一条数据或者新增数据后,后端操作成功,但前端不会自动刷新,需要重新刷新当前页面 (用vue-router重新路由到当前页面,页面是不进行刷新的 ,采用window....
Javascript刷新页面的几种方法: 1 history.go(0) 2 location....8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新:把如下代码加入<head>区域中 <meta http-equiv=”refresh” content=”20
其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1.页面自动刷新:把如下代码加入<head>...3.页面自动刷新js版 <script language=
为了方便起见,我们把Js代码放在浏览器的控制台执行,但是刷新页面后,js代码就清空了,也就无法执行。 可以用js代码实现一个不受页面刷新影响不断执行的代码,如下: 1. 必要的知识 prompt() 弹出对话框,...
用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢?借助js你将无所不能。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) ...
自动刷新网页,自动刷新当前页面,JS调用,需要的朋友可以参考一下
无闪烁更新网页的课题比较大。 加载的html字符串(通过ajax获取的),如果还需要运行代码,那么肯定有问题。 希望用一个不显示的iframe来承载这个对象。这有点dirty work的感觉。 最终解决方案是 代码如下:var str2...
面自动刷新代码大全,基本上所有要求自动刷新页面的代码都有,大家可以自由发挥做出完美的页面。
勾选复选框并自动刷新当前页面的特效代码
1.看看下面这段代码 代码如下: [removed] function reurl(){ url = location.href;... //刷新页面 } } onload=reurl [removed] 2.原理 充分利用地址栏可带参数的选项,用脚本来取得页面间的传递参数
可以使用JavaScript location....还可以使用JavaScript后自动给定时间段,以刷新页面。以下是每5秒后会刷新此页面的例子。可以改变这个时候按您的要求。 <html> <head> [removed] <!-- function AutoRe
cssrefresh是一个很不错的javascript类库,能够帮助你自动刷新页面中的CSS文件而不刷新页面,你需要做的就是引入提供的javascript文件。无须其它的配置步骤,非常方便。 使用代码,直接引入页面 [removed][removed]
1.3 页面自动刷新.htm 1.4 页面的后退、刷新、前进.htm 1.5 保护网页源代码.htm 1.6 保护自己的网页不被放入框架.htm 1.7 打印页面的出错原因.htm 1.8 当前网页调用其他网页.htm 1.9 倒计时载入页面.htm ...
两种页面自动刷新方法 1.把如下代码加入区域中 2.面自动刷新js版。应用场景:页面自动更新数据,不断重复的操作
仿淘宝中的下拉刷新页面,以蘑菇街的一个页面为例,代码仅供参考
山东大学选课脚本 使用方法 将js文件中的代码复制粘贴至浏览器控制台中,按下回车自动执行代码。 终止方法:退出当前页面或按下f5刷新页面。