`
liuhuan1534
  • 浏览: 49154 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

js自动刷新页面代码

阅读更多

 

当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?
其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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自动刷新代码

    JS的各种自动刷新,10表示间隔10秒刷新一次,刷新本页,刷新父页,转到指定页,刷新框架页,页面定时刷新功能实现

    自动刷新网页代码.rar

    自动刷新网页代码

    javascript页面跳转与自动刷新常用代码

    能够实现web页面的跳转与自动刷新,自动跳转等。针对每一种实现方法,里面都有具体的实例。

    【JavaScript源代码】vue列表数据删除后主动刷新页面及刷新方法详解.docx

    vue列表数据删除后主动刷新页面及刷新方法详解  前端删除一条数据或者新增数据后,后端操作成功,但前端不会自动刷新,需要重新刷新当前页面 (用vue-router重新路由到当前页面,页面是不进行刷新的 ,采用window....

    javascript 强制刷新页面的实现代码

    Javascript刷新页面的几种方法: 1 history.go(0) 2 location....8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新:把如下代码加入&lt;head&gt;区域中 &lt;meta http-equiv=”refresh” content=”20

    网页页面 自动刷新的3种代码

    其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1.页面自动刷新:把如下代码加入&lt;head&gt;...3.页面自动刷新js版 &lt;script language=

    刷新页面后让控制台的js代码继续执行

    为了方便起见,我们把Js代码放在浏览器的控制台执行,但是刷新页面后,js代码就清空了,也就无法执行。 可以用js代码实现一个不受页面刷新影响不断执行的代码,如下: 1. 必要的知识 prompt&#40;&#41; 弹出对话框,...

    js刷新当前页面的几种方法(相当牛X)

    用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢?借助js你将无所不能。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) ...

    自动刷新网页,自动刷新当前页面,JS调用

    自动刷新网页,自动刷新当前页面,JS调用,需要的朋友可以参考一下

    无闪烁更新网页内容JS实现

    无闪烁更新网页的课题比较大。 加载的html字符串(通过ajax获取的),如果还需要运行代码,那么肯定有问题。 希望用一个不显示的iframe来承载这个对象。这有点dirty work的感觉。 最终解决方案是 代码如下:var str2...

    js刷新方法方法大全

    面自动刷新代码大全,基本上所有要求自动刷新页面的代码都有,大家可以自由发挥做出完美的页面。

    勾选复选框并自动刷新当前页面的特效代码.rar

    勾选复选框并自动刷新当前页面的特效代码

    javascript 页面只自动刷新一次

    1.看看下面这段代码 代码如下: [removed] function reurl(){ url = location.href;... //刷新页面 } } onload=reurl [removed] 2.原理 充分利用地址栏可带参数的选项,用脚本来取得页面间的传递参数

    使用JavaScript刷新网页的方法

    可以使用JavaScript location....还可以使用JavaScript后自动给定时间段,以刷新页面。以下是每5秒后会刷新此页面的例子。可以改变这个时候按您的要求。 &lt;html&gt; &lt;head&gt; [removed] &lt;!-- function AutoRe

    CSS Refresh

    cssrefresh是一个很不错的javascript类库,能够帮助你自动刷新页面中的CSS文件而不刷新页面,你需要做的就是引入提供的javascript文件。无须其它的配置步骤,非常方便。 使用代码,直接引入页面 [removed][removed]

    500多个html网页格式的各种源代码

    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文件中的代码复制粘贴至浏览器控制台中,按下回车自动执行代码。

    山东大学选课脚本 使用方法 将js文件中的代码复制粘贴至浏览器控制台中,按下回车自动执行代码。 终止方法:退出当前页面或按下f5刷新页面。

Global site tag (gtag.js) - Google Analytics