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 相关文章推荐
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
jQuery实现的分子运动小球碰撞效果
Jan 27 Javascript
深入学习jQuery中的data()
Dec 22 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
关于 angularJS的一些用法
Nov 29 Javascript
详解webpack 入门与解析
Apr 09 Javascript
微信小程序实现星级评分和展示
Jul 05 Javascript
原生js实现贪食蛇小游戏的思路详解
Nov 26 Javascript
微信小程序事件流原理解析
Nov 27 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与SQL注入攻击[三]
2007/04/17 PHP
php miniBB中文乱码问题解决方法
2008/11/25 PHP
php 删除cookie方法详解
2014/12/01 PHP
PHP入门教程之日期与时间操作技巧总结(格式化,验证,获取,转换,计算等)
2016/09/11 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
jquery简单图片切换显示效果实现方法
2015/01/14 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
2016/03/11 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
H5移动端适配 Flexible方案
2016/10/24 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
微信小程序时间选择插件使用详解
2018/12/28 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
Vue 权限控制的两种方法(路由验证)
2019/08/16 Javascript
vue 使用localstorage实现面包屑的操作
2020/11/16 Javascript
python批量同步web服务器代码核心程序
2014/09/01 Python
python里大整数相乘相关技巧指南
2014/09/12 Python
Python 3.x基于Xml数据的Http请求方法
2018/12/28 Python
详解python内置模块urllib
2020/09/09 Python
Python字符串及文本模式方法详解
2020/09/10 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
捷克汽车配件和工具销售网站:TorriaCars
2018/02/26 全球购物
欧克利英国官网:Oakley英国
2019/08/24 全球购物
就业推荐自我鉴定
2013/10/06 职场文书
总经理驾驶员岗位职责
2013/12/04 职场文书
大学生个人自荐信样本
2014/03/02 职场文书
2014年最新学校运动会广播稿
2014/09/17 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书