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的arguments对象
Nov 16 Javascript
JS实现星星评分功能实例代码(两种方法)
Jun 09 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
Dec 13 Javascript
Vue.js之slot深度复制详解
Mar 10 Javascript
原JS实现banner图的常用功能
Jun 12 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
使用Vue-cli 3.0搭建Vue项目的方法
Jun 07 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
vue中echarts引入中国地图的案例
Jul 28 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
Aug 04 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
PHP 和 MySQL 开发的 8 个技巧
2006/10/09 PHP
3个PHP多维数组转为一维数组的方法实例
2014/03/13 PHP
php自定义函数实现汉字转换utf8编码的方法
2016/09/29 PHP
PHP中file_put_contents追加和换行的实现方法
2017/04/01 PHP
PHP中的日期时间处理利器实例(Carbon)
2017/06/09 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
JavaScript中实现块作用域的方法
2010/04/01 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
Js点击弹出下拉菜单效果实例
2013/08/12 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
jQuery 隐藏和显示 input 默认值示例
2014/06/03 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
实例详解Nodejs 保存 payload 发送过来的文件
2016/01/14 NodeJs
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
[49:17]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第三场 1月26日
2021/03/11 DOTA
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
Python变量赋值的秘密分享
2018/04/03 Python
python实现飞机大战微信小游戏
2020/03/21 Python
Python2.7版os.path.isdir中文路径返回false的解决方法
2019/06/21 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
python制作微博图片爬取工具
2021/01/16 Python
Bergfreunde丹麦:登山装备网上零售商
2017/02/26 全球购物
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
口头翻译求职人自荐信
2013/12/07 职场文书
初中物理教学反思
2014/01/14 职场文书
出国留学计划书
2014/04/27 职场文书
大学生个人先进事迹材料范文
2014/05/03 职场文书
干部作风整顿自我剖析材料和整改措施
2014/09/18 职场文书
转正申请报告格式
2015/05/15 职场文书
创业计划书之电动车企业
2019/10/11 职场文书