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 相关文章推荐
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
ExtJS 下拉多选框lovcombo
May 19 Javascript
jQuery中append()方法用法实例
Jan 08 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
Mar 11 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
Ionic默认的Tabs模板使用实例
Aug 29 Javascript
javascript滚轮控制模拟滚动条
Oct 19 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
Jun 21 Javascript
JS判断数组那点事
Oct 10 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
微信小程序实现联动选择器
Feb 15 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
50个PHP程序性能优化的方法
2014/06/02 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
PHP的Yii框架中使用数据库的配置和SQL操作实例教程
2016/03/17 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
PHP中的self关键字详解
2019/06/23 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
jquery.simple.tree插件 更简单,兼容性更好的无限树插件
2010/09/03 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
js类型检查实现代码
2010/10/29 Javascript
jquery下checked取值问题的解决方法
2012/08/09 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
layui table 参数设置方法
2018/08/14 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
javscript 数组扁平化的实现
2020/02/03 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
深入解析Python中的集合类型操作符
2015/08/19 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
详解Python进程间通信之命名管道
2017/08/28 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
Python tkinter事件高级用法实例
2018/01/31 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
Python大批量搜索引擎图像爬虫工具详解
2020/11/16 Python
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
俄罗斯最大的消费电子连锁零售商:Mvideo
2017/06/25 全球购物
给校长的建议书100字
2014/05/16 职场文书
安全负责人任命书
2014/06/06 职场文书
小学生教师节广播稿
2015/08/19 职场文书
小学记事作文之200字
2019/08/06 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
Python使用mitmproxy工具监控手机 下载手机小视频
2022/04/18 Python