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

转载 2015年07月08日 19:08:02

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`
if (curmin!=0)
curtime=curmin+"分"+cursec+"秒后重刷本页!"
else
curtime=cursec+"秒后重刷本页!"
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}

window.onload=beginrefresh
file://-->
</script>

Android 本地时间/时区自动更新 -- NITZ

NITZ - Network Identity and Time Zone,网络标识和时区,是一种用于自动配置本地时间和日期的机制,同时也通过无线网向移动设备提供运营商信息。NITZ经常被用来自动更新...
  • u012724237
  • u012724237
  • 2017年05月25日 16:48
  • 1723

【webpack】-- 自动刷新

前端需要频繁的修改js和样式,且需要根据浏览器的页面效果不断的做调整;而且往往我们的开发目录和本地发布目录不是同一个,修改之后需要发布一下;另外一点就是并不是所有的效果都可以直接双击页面就能看到,我们...
  • aiwuzhi12
  • aiwuzhi12
  • 2017年03月04日 13:31
  • 1158

javascript实现页面跳转的几种方式

转自: http://www.cnblogs.com/ylch222/archive/2010/06/07/1752975.html 第一种:跳转  window.loca...
  • caixiexin
  • caixiexin
  • 2011年09月01日 16:20
  • 2646

JavaScript confirm prompt 跳转 刷新

提示:if(confirm("XXXX")){//点“是”的时候 返回TRUEwindow.open("XX");}else{//点“否”的时候 返回FALSEwindow.open("XXX");}...
  • ning313180989
  • ning313180989
  • 2010年02月24日 12:24
  • 2203

browser-sync自动刷新-前端利器

browser-sync自动刷新链接:这是一个神器,相比LiveRoad使用比较简单,建议做前端开发的同学,不要犹豫和观察,赶紧装上释放你的F5吧。以下来自己browser-sync中文网的介绍和使用...
  • jrn1012
  • jrn1012
  • 2016年10月08日 18:18
  • 2523

Android 本地时间/时区自动更新 -- NITZ

NITZ - Network Identity and Time Zone,网络标识和时区,是一种用于自动配置本地时间和日期的机制,同时也通过无线网向移动设备提供运营商信息。NITZ经常被用来自动更新...
  • zhgeliang
  • zhgeliang
  • 2017年12月06日 15:15
  • 318

JavaScript/js自动刷新页面方法总结和页面跳转

CODE:  自动刷新页面的实现方法总结:1)10表示间隔10秒刷新一次2)window.location.reload(true);如果是你要刷新某一个iframe就把window给换成frame的...
  • hexzwj
  • hexzwj
  • 2008年07月02日 15:57
  • 3345

js页面刷新跳转的几种方式及区别

返回并刷新页面: location.replace(document.referrer); document.referrer //前一个页面的URL 不要用 histo...
  • fb408487792
  • fb408487792
  • 2014年11月18日 16:20
  • 7869

webpack使用之自动刷新

webpack-dev-server的自动刷新功能
  • fengyinchao
  • fengyinchao
  • 2015年11月10日 09:42
  • 6195

前端实时可视化开发工具--实现自动刷新

一.修改样式时自动刷新工具 http://livestyle.io/ 使用:在浏览器(如谷歌网上应用店)安装livestyle插件;同时在开发工具中安装livestyle插件; 二.支持html/...
  • evelen
  • evelen
  • 2017年07月18日 22:57
  • 390
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript/js 自动刷新页面和页面跳转的实现方法
举报原因:
原因补充:

(最多只允许输入30个字)