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 web对话框与弹出窗口
Feb 22 Javascript
Mootools 1.2 手风琴(Accordion)教程
Sep 15 Javascript
javascript操作select元素实例分析
Mar 27 Javascript
很棒的Bootstrap选项卡切换效果
Jul 01 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 Javascript
Js面试算法详解
Apr 08 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
May 16 Javascript
nuxt.js中间件实现拦截权限判断的方法
Nov 21 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
swiper实现异形轮播效果
Nov 28 Javascript
Vue组件简易模拟实现购物车
Dec 21 Vue.js
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
如何删除多级目录
2006/10/09 PHP
php连接mysql数据库代码
2009/03/10 PHP
discuz的php防止sql注入函数
2011/01/17 PHP
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
探寻PHP脚本不报错的原因
2014/06/12 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
2014/06/24 Javascript
JavaScript更改原始对象valueOf的方法
2015/03/19 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
js实现楼层导航功能
2017/02/23 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
2018/05/22 jQuery
JS实现判断图片是否加载完成的方法分析
2018/07/31 Javascript
js canvas实现二维码和图片合成的海报
2020/11/19 Javascript
详解在create-react-app使用less与antd按需加载
2018/12/06 Javascript
js实现日历
2020/11/07 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
[10:53]2018DOTA2国际邀请赛寻真——EG
2018/08/11 DOTA
python 网络爬虫初级实现代码
2016/02/27 Python
Python学习小技巧之列表项的推导式与过滤操作
2017/05/20 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
关于numpy中eye和identity的区别详解
2019/11/29 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
Schutz鞋官方网站:Schutz Shoes
2017/12/13 全球购物
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
俄罗斯茶和咖啡网上商店:Tea.ru
2021/01/26 全球购物
财务会计专业毕业生自荐信
2013/10/19 职场文书
电子商务毕业生求职信
2013/11/10 职场文书
初中生自我评价
2014/02/01 职场文书
领导干部考察材料
2014/02/08 职场文书
教师考核评语
2014/04/28 职场文书
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android