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 页面划词搜索JS
Sep 28 Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 Javascript
jquery remove方法应用详解
Nov 22 Javascript
Js动态添加复选框Checkbox的实例方法
Apr 08 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
jQuery功能函数详解
Feb 01 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
Node.js下自定义错误类型详解
Oct 17 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
Jan 04 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 Javascript
JS面向对象实现飞机大战
Aug 26 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
论坛头像随机变换代码
2006/10/09 PHP
PHP令牌 Token改进版
2008/07/18 PHP
需要注意的几个PHP漏洞小结
2012/02/05 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
帝国cms常用标签汇总
2015/07/06 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
php实现数据库的增删改查
2017/02/26 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
2009/02/17 Javascript
js检测浏览器版本、核心、是否移动端示例
2014/04/24 Javascript
jQuery 隐藏和显示 input 默认值示例
2014/06/03 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
JS截取字符串实例详解
2015/11/24 Javascript
详解AngularJS中的filter过滤器用法
2016/01/04 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
2016/12/29 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
2017/11/27 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
python清除字符串前后空格函数的方法
2018/10/21 Python
python 整数越界问题详解
2019/06/27 Python
简单了解python PEP的一些知识
2019/07/13 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
PyQt5如何将.ui文件转换为.py文件的实例代码
2020/05/26 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
高中毕业生自我鉴定
2013/11/03 职场文书
学习党章思想汇报
2014/01/07 职场文书
《云房子》教学反思
2014/04/20 职场文书
结婚通知短信怎么写
2015/04/17 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
python基础之函数的定义和调用
2021/10/24 Python
python_tkinter弹出对话框创建
2022/03/20 Python