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时ie6和ie7,ff的区别
Aug 19 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
Aug 28 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
原生js编写焦点图效果
Dec 08 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
完美实现js选项卡切换效果(二)
Mar 08 Javascript
在 Angular 中实现搜索关键字高亮示例
Mar 21 Javascript
jquery版轮播图效果和extend扩展
Jul 18 jQuery
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
12 种使用Vue 的最佳做法
Mar 30 Javascript
JavaScript缓动动画函数的封装方法
Nov 25 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
MySQL授权问题总结
2007/05/06 PHP
PHP stripos()函数及注意事项的分析
2013/06/08 PHP
PHP文件去掉PHP注释空格的函数分析(PHP代码压缩)
2013/07/02 PHP
php实现的证件照换底色功能示例【人像抠图/换背景图】
2020/05/29 PHP
服务器安全设置的几个注册表设置
2007/07/28 Javascript
jQuery 表单验证插件formValidation实现个性化错误提示
2009/06/23 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
2011/11/10 Javascript
js数组操作学习总结
2013/11/04 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
2015/06/10 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
浅析JS原型继承与类的继承
2016/04/07 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
JsonProperty 的使用方法详解
2019/10/11 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
跟老齐学Python之永远强大的函数
2014/09/14 Python
python中的代码编码格式转换问题
2015/06/10 Python
python 定义给定初值或长度的list方法
2018/06/23 Python
python实现京东秒杀功能
2018/07/30 Python
Python运行不显示DOS窗口的解决方法
2018/10/22 Python
修改默认的pip版本为对应python2.7的方法
2018/11/06 Python
Python2与Python3的区别实例总结
2019/04/17 Python
python实现倒计时小工具
2019/07/29 Python
浅谈ROC曲线的最佳阈值如何选取
2020/02/28 Python
Python socket服务常用操作代码实例
2020/06/22 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
2014/05/08 HTML / CSS
升职自荐书范文
2013/11/28 职场文书
父亲八十大寿答谢词
2014/01/23 职场文书
学校元旦晚会方案
2014/02/19 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
2016新春团拜会致辞
2015/08/01 职场文书
乔迁新居祝福语
2019/11/04 职场文书
详解MySQL中的pid与socket
2021/06/15 MySQL
css中z-index: 0和z-index: auto的区别
2021/08/23 HTML / CSS