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 相关文章推荐
dojo随手记 gird组件引用
Feb 24 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
Bootstrap每天必学之进度条
Nov 30 Javascript
javascript高级选择器querySelector和querySelectorAll全面解析
Apr 07 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
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
PHP GD 图像处理组件的常用函数总结
2010/04/28 PHP
php删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
浅谈PHP中的那些魔术常量
2020/12/02 PHP
JS处理VBArray的函数使用说明
2008/05/11 Javascript
jquery拖动插件(jquery.drag)使用介绍
2013/06/18 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
基于jquery实现的文字淡入淡出效果
2013/11/14 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
Jquery实现鼠标移动放大图片功能实例
2015/03/25 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
移动手机APP手指滑动切换图片特效附源码下载
2015/11/30 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
2017/12/22 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
angularJS自定义directive之带参方法传递详解
2018/10/09 Javascript
简单了解微信小程序的目录结构
2019/07/01 Javascript
下载给定网页上图片的方法
2014/02/18 Python
python re正则表达式模块(Regular Expression)
2014/07/16 Python
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
Python中字符串的修改及传参详解
2016/11/30 Python
树莓派与PC端在局域网内运用python实现即时通讯
2019/06/22 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
Linux系统下升级pip的完整步骤
2021/01/31 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
清洁工岗位职责
2014/01/29 职场文书
工商干部先进事迹
2014/05/14 职场文书
酒店周年庆活动方案
2014/08/21 职场文书
职代会闭幕词
2015/01/28 职场文书
2015年医务人员医德医风自我评价
2015/03/03 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
JavaScript选择器函数querySelector和querySelectorAll
2021/11/27 Javascript