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 相关文章推荐
jqPlot 基于jquery的画图插件
Apr 26 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
Extjs让combobox写起来简洁又漂亮
Jan 05 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
vue弹窗消息组件的使用方法
Sep 24 Javascript
微信小程序实现日历效果
Dec 28 Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 Javascript
Vue scoped及deep使用方法解析
Aug 01 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
Sep 11 Javascript
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下10件你也许并不了解的事情
2008/09/11 PHP
php快速导入大量数据的实例方法
2019/09/23 PHP
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
JS实用的动画弹出层效果实例
2015/05/05 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
实例详解jQuery的无new构建
2016/08/02 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
bootstrap多种样式进度条展示
2016/12/20 Javascript
基于canvas的二维码邀请函生成插件
2017/02/14 Javascript
vue内置指令详解
2018/04/03 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
vue下载excel的实现代码后台用post方法
2019/05/10 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
策略模式实现 Vue 动态表单验证的方法
2019/09/16 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
[02:09]DOTA2辉夜杯 EHOME夺冠举杯现场
2015/12/28 DOTA
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
工程造价专业大专生求职信
2013/10/06 职场文书
工作表现自我评价
2014/02/08 职场文书
三八节主持词
2014/03/17 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
应聘英语教师求职信
2014/04/24 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
信访工作汇报材料
2014/10/27 职场文书
golang判断key是否在map中的代码
2021/04/24 Golang
Python中X[:,0]和X[:,1]的用法
2021/05/10 Python
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL
python必学知识之文件操作(建议收藏)
2021/05/30 Python
canvas 中如何实现物体的框选
2022/08/05 Javascript