`
zerofire
  • 浏览: 2073 次
  • 性别: Icon_minigender_1
  • 来自: 克拉玛依
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

javascript/js 自动刷新页面和页面跳转的实现方法(自动执行)

阅读更多
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>
一秒一次


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

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

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

    自动刷新页面+自动跳转和关闭

    自动刷新页面+自动跳转和关闭: JavaScript是一种扩展到HTML的脚本设计语言,它使网页开发者可以更有效地控制页面

    Javascript刷新页面的几种方法

    Javascript刷新页面的几种方法 1.页面自动刷新 2.页面自动跳转 3.页面自动刷新js版 开窗时刷新 关闭时刷新

    javascript跳转与返回和刷新页面的实例代码.docx

    javascript跳转与返回和刷新页面的实例代码.docx

    JSP中的倒数计时和自动跳转页面

    老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了。 1,在标签中建立onload事件,用作自动刷新; &lt;body onload...

    javascript跳转与返回和刷新页面的实例代码

    javascript中window.open()与[removed].href的区别 window.open(‘index.html’) 表示新增一个窗口打开 index.html 这个页面,并不刷新 location.href(‘index.html’) 表示在当前窗口重定向到新页面,打开并刷新 ...

    JS在一定时间内跳转页面及各种刷新页面的实现方法

    软件开发网整理的关于JS刷新页面相关的总结://www.jb51.net/article/139788.htm 1.js 代码: [removed] var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his[removed...

    asp.net中倒计时自动跳转页面的实现方法(使用javascript)

    本篇文章介绍了,asp.net中倒计时自动跳转页面的实现方法(使用javascript)。需要的朋友参考下

    用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在&lt;body&gt;...Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。 页面加载时只执

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,...,在子页面提交后即可刷新父页面跳转到指定的请求页面. 此资源由网友提供。谢谢!

    JS实现页面跳转参数不丢失的方法

    主要介绍了JS实现页面跳转参数不丢失的方法,结合实例形式对比分析了javascript URL加密函数escape()、encodeURI()与encodeURIComponent()的功能与相关使用技巧,需要的朋友可以参考下

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

    1.3 页面自动刷新.htm 1.4 页面的后退、刷新、前进.htm 1.5 保护网页源代码.htm 1.6 保护自己的网页不被放入框架.htm 1.7 打印页面的出错原因.htm 1.8 当前网页调用其他网页.htm 1.9 倒计时载入页面.htm ...

    JavaScript常用的返回,自动跳转,刷新,关闭语句汇总

    本文实例讲述了JavaScript常用的返回,自动跳转,刷新,关闭语句。分享给大家供大家参考。具体如下: 1. Javascript 返回上一页: 代码如下:history.go(-1)返回两个页面: 代码如下:history.go(-2)    2. 后退: ...

    JS关于刷新页面的相关总结

    很多程序员无论是新手还是老的程序员都避免不了关于JS刷新页面的相关内容,在本文中我们整理了软件开发网总结的关于JS页面刷新的相关重要知识点文章,一起来跟着学习下。 JS刷新当前页面的几种方法总结 reload 方法...

    JavaScript编写的简易web桌面系统

    整个页面在接受用户操作时不发生刷新和跳转,所有脚本函数和CSS都写在HTML页面文件之外。&lt;br/&gt; 项目交付物:&lt;br/&gt; 1、 HTML页面: W-desktop.html&lt;br/&gt; 2、 JavaScript脚本: p2-core.js&lt;br/&gt; 3、 CSS样式单: all....

    程序天下:JavaScript实例自学手册

    13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...

    Javascript实现返回上一页面并刷新的小例子

    今天写了一个小小的提示成功的页面,同时要求返回上一页面,并实现对上一页面的操作进行刷新(例如删除的,添加的),在网上搜寻了一遍,基本上90%的都是说的是用window.history.go(-1), 或者是用 window.history....

    《程序天下:JavaScript实例自学手册》光盘源码

    13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...

Global site tag (gtag.js) - Google Analytics