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 设计模式学习 Factory
Jul 29 Javascript
javascript 全等号运算符使用说明
May 31 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
Dec 11 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
学习使用bootstrap的modal和carousel
Dec 09 Javascript
JSONP跨域请求
Mar 02 Javascript
vue mint-ui tabbar变组件使用
May 04 Javascript
微信小程序实现图片上传
May 23 Javascript
js实现简易点击切换显示或隐藏
Nov 29 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开发框架总结收藏
2008/04/24 PHP
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
jQuery 拖动层(在可视区域范围内)
2012/05/24 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
Bootstrap布局之栅格系统详解
2016/06/13 Javascript
JS获取和修改元素样式的实例代码
2016/08/06 Javascript
JS作用域链详解
2017/06/26 Javascript
vue iview多张图片大图预览、缩放翻转
2019/07/13 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
详解 Python 读写XML文件的实例
2017/08/02 Python
Python利用逻辑回归分类实现模板
2020/02/15 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
Sneaker Studio捷克:购买运动鞋
2018/07/08 全球购物
法国在线药房:DoctiPharma
2020/10/21 全球购物
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
学期研究性学习个人的自我评价
2014/01/09 职场文书
小学毕业寄语大全
2014/04/03 职场文书
学生保证书范文
2014/04/28 职场文书
商务英语专业毕业生求职信
2014/07/06 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
幼儿园六一儿童节演讲稿
2015/03/19 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
用人单位聘用意向书
2015/05/11 职场文书
2015年卫生局工作总结
2015/07/24 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js
netty 实现tomcat的示例代码
2022/06/05 Servers