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


Posted in Javascript onMay 26, 2016

三水点靠木整理的关于JS刷新页面相关的总结:https://3water.com/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窗口

Javascript 相关文章推荐
js 数值项目的格式化函数代码
May 14 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
Dec 03 Javascript
使用PHP+JQuery+Ajax分页的实现
Apr 23 Javascript
基于jquery中children()与find()的区别介绍
Apr 26 Javascript
jquery ajax同步异步的执行最终解决方案
Apr 26 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
Dec 03 Javascript
浅析JS运动
Dec 28 Javascript
requireJS使用指南
Apr 27 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
微信小程序实现的一键复制功能示例
Apr 24 Javascript
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
JavaScript的String字符串对象常用操作总结
May 26 #Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 #Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 #Javascript
Bootstrap自定义文件上传下载样式
May 26 #Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 #Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 #Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
May 26 #Javascript
You might like
在 PHP 中使用随机数的三个步骤
2006/10/09 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
PHP SPL标准库之文件操作(SplFileInfo和SplFileObject)实例
2015/05/11 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
原生js 秒表实现代码
2012/07/24 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
JS实现可调整倒计时间代码分享
2015/08/18 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
JQuery的attr 与 val区别
2016/06/12 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
2016/11/09 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
vue 虚拟dom的patch源码分析
2018/03/01 Javascript
微信小程序实现的绘制table表格功能示例
2019/04/26 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
bpython 功能强大的Python shell
2016/02/16 Python
编写Python爬虫抓取暴走漫画上gif图片的实例分享
2016/04/20 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
python 获取字符串MD5值方法
2018/05/29 Python
python+POP3实现批量下载邮件附件
2018/06/19 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
python实现七段数码管和倒计时效果
2019/11/23 Python
Python多线程thread及模块使用实例
2020/04/28 Python
Python虚拟环境的创建和包下载过程分析
2020/06/19 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
迟到检讨书5000字
2014/01/31 职场文书
护士毕业自我鉴定
2014/02/07 职场文书
教师读书活动总结
2014/05/07 职场文书
工业设计专业自荐书
2014/06/05 职场文书
交通志愿者活动总结
2014/06/27 职场文书
安全保证书怎么写
2015/02/28 职场文书
银行求职信范文怎么写
2015/03/20 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript