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 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
window.location和document.location的区别分析
Dec 23 Javascript
js动态修改整个页面样式达到换肤效果
May 23 Javascript
微信分享的标题、缩略图、连接及描述设置方法
Oct 14 Javascript
AngularJS基础学习笔记之表达式
May 10 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
js实现抽奖效果
Mar 27 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
Vue开发实现吸顶效果的示例代码
Aug 21 Javascript
基于vue实现圆形菜单栏组件
Jul 05 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 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
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
PHP新手上路(六)
2006/10/09 PHP
制作安全性高的PHP网站的几个实用要点
2014/12/30 PHP
PHP实现无限级分类(不使用递归)
2015/10/22 PHP
关于文本限制字数的js代码
2007/04/02 Javascript
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
jquery中对表单的基本操作代码
2010/07/29 Javascript
document.write的几点使用心得
2014/05/14 Javascript
jquery 3D 标签云示例代码
2014/06/12 Javascript
JavaScript常用的弹出广告及背投广告实现方法
2015/02/06 Javascript
jQuery模拟黑客帝国矩阵效果实例
2015/06/28 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
浅谈webpack下的AOP式无侵入注入
2017/11/12 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
2018/03/09 Javascript
AngularJS ui-router刷新子页面路由的方法
2018/07/23 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
vue addRoutes路由动态加载操作
2020/08/04 Javascript
Python操作SQLite简明教程
2014/07/10 Python
python使用PIL模块实现给图片打水印的方法
2015/05/22 Python
Python 3中print函数的使用方法总结
2017/08/08 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
采购部部长岗位职责
2014/02/06 职场文书
十佳护士获奖感言
2014/02/18 职场文书
信息技术课后反思
2014/04/27 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
论文评审意见
2015/06/05 职场文书
Nginx进程调度问题详解
2021/09/25 Servers