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控制表格隔行变色
Jun 26 Javascript
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
JS操作Cookies的小例子
Oct 15 Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
js获取Html元素的实际宽度高度的方法
May 19 Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
解决vue打包后刷新页面报错:Unexpected token
Aug 27 Javascript
layui使用及简单的三级联动实现教程
Dec 01 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
Laravel 框架返回状态拦截代码
2019/10/18 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
新手常遇到的一些jquery问题整理
2010/08/16 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
JavaScript模拟数组合并concat
2016/03/06 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
2016/11/22 Javascript
nodejs redis 发布订阅机制封装实现方法及实例代码
2016/12/15 NodeJs
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
将RGB值转换为灰度值的简单算法
2019/10/09 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
2020/05/26 Javascript
[34:41]夜魇凡尔赛茶话会 第二期02:你画我猜
2021/03/11 DOTA
Python中处理字符串的相关的len()方法的使用简介
2015/05/19 Python
python reduce 函数使用详解
2017/12/05 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
对Tensorflow中的矩阵运算函数详解
2018/07/27 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
Python数据可视化之画图
2019/01/15 Python
python模拟实现斗地主发牌
2020/01/07 Python
详解Python3中的 input() 函数
2020/03/18 Python
python输出结果刷新及进度条的实现操作
2020/07/13 Python
Django实现简单的分页功能
2021/02/22 Python
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
自我评价怎么写好呢?
2013/12/05 职场文书
安全事故检讨书
2014/01/18 职场文书
宣传部部长竞选演讲稿
2014/04/26 职场文书
高中班级口号
2014/06/09 职场文书
安全环保标语
2014/06/09 职场文书
局机关干部群众路线个人对照检查材料思想汇报
2014/10/05 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
工作自我评价范文
2015/03/05 职场文书
烛光里的微笑观后感
2015/06/17 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
Feign调用传输文件异常的解决
2021/06/24 Java/Android