JS在一定时间内跳转页面及各种刷新页面的实现方法
2019/6/27 22:24:05
本文主要是介绍JS在一定时间内跳转页面及各种刷新页面的实现方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
找一找教程网整理的关于JS刷新页面相关的总结://www.zyiz.net/article/139788.htm
1.js 代码:
<SCRIPT LANGUAGE="JavaScript"> var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his.innerHTML = time -timelong ; timelong ++; } function redirect(){ //跳转页 //history.back(); window.location.href="Category-list";//指定要跳转到的目标页面 } timer=setInterval('diplaytime()', 1000);//显示时间 timer=setTimeout('redirect()',time * 1000); //跳转 </SCRIPT>
2.页面引用:
<DIV ALIGN="CENTER" style="font-size:15;color:threeddarkshadow;" > 如果你不执行任何操作,系统会在5秒后自动返回! </DIV> <DIV ALIGN="CENTER" style="font-size:15;color:threeddarkshadow;" id="his"> 5秒钟后自动返回..... </DIV>
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窗口
这篇关于JS在一定时间内跳转页面及各种刷新页面的实现方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-27Ant Design Vue入门指南:轻松搭建美观界面
- 2024-11-27Vue3项目实战:从零开始的完整指南
- 2024-11-27Vue CLI多环境配置资料详解
- 2024-11-27Vue3+Vite资料:新手入门教程
- 2024-11-27Vue3阿里系UI组件资料入门教程
- 2024-11-27如何集成Ant Design Vue的图标资料
- 2024-11-27如何集成Ant Design Vue图标资料
- 2024-11-27Vue CLI多环境配置资料:新手教程
- 2024-11-27Vue3的阿里系UI组件资料入门指南
- 2024-11-27Vue3公共组件资料详解与实战教程