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编码的几个方法详细介绍
Jan 06 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
用jquery存取照片的具体实现方法
Jun 30 Javascript
JavaScript 异常处理 详解
Feb 06 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
Sep 09 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
Jul 13 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
Jan 10 Javascript
node.js到底要不要加分号浅析
Jul 11 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 Javascript
layui动态加载多表头的实例
Sep 05 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使用异或实现的加密解密实例
2013/09/04 PHP
PHP callback函数使用方法和注意事项
2015/01/23 PHP
PHP答题类应用接口实例
2015/02/09 PHP
php中session定期自动清理的方法
2015/11/12 PHP
php解析mht文件转换成html的实例
2017/03/13 PHP
JavaScript 基础知识 被自己遗忘的
2009/10/15 Javascript
javascript+mapbar实现地图定位
2010/04/09 Javascript
javascript设计模式之对象工厂函数与构造函数详解
2015/07/30 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
JS中Eval解析JSON字符串的一个小问题
2016/02/21 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
2016/09/20 Javascript
Node.js的环境安装配置(使用nvm方式)
2016/10/11 Javascript
Angular2库初探
2017/03/01 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
详解react-native-fs插件的使用以及遇到的坑
2017/09/12 Javascript
JavaScript正则表达式和级联效果
2017/09/14 Javascript
Javascript实现动态时钟效果
2018/11/17 Javascript
简单了解Vue + ElementUI后台管理模板
2020/04/07 Javascript
python获得图片base64编码示例
2014/01/16 Python
深入理解Python中的*重复运算符
2017/10/28 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
python 爬虫请求模块requests详解
2020/12/04 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
英国手工制作的现代与经典的沙发和床:Love Your Home
2020/09/26 全球购物
什么是makefile? 如何编写makefile?
2013/01/02 面试题
高三自我鉴定范文
2013/10/19 职场文书
母亲节感恩活动记录
2014/03/16 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
2014年预算员工作总结
2014/12/05 职场文书
清明节主题班会
2015/08/14 职场文书
python 模拟在天空中放风筝的示例代码
2021/04/21 Python
JavaScript利用html5新方法操作元素类名详解
2021/11/27 Javascript
JavaCV实现照片马赛克效果
2022/01/22 Java/Android
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫