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 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 Javascript
javascript常见操作汇总
Sep 03 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
jQuery中eq()方法用法实例
Jan 05 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
vue脚手架中配置Sass的方法
Jan 04 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
javascript运行机制之执行顺序理解
Aug 03 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 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
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
php析构函数的简单使用说明
2015/08/24 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
aspx中利用js实现确认删除代码
2010/07/22 Javascript
有趣的JavaScript数组长度问题代码说明
2011/01/20 Javascript
javascript复制对象使用说明
2011/06/28 Javascript
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
Textarea根据内容自适应高度
2013/10/28 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
jquery简单的弹出层浮动层代码
2015/04/27 Javascript
JavaScript中模拟实现jsonp
2015/06/19 Javascript
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
2019/06/18 Javascript
[05:24]TI9采访——教练
2019/08/24 DOTA
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
python 信息同时输出到控制台与文件的实例讲解
2018/05/11 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
Python实现图片指定位置加图片水印(附Pyinstaller打包exe)
2021/03/04 Python
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
canvas学习总结三之绘制路径-线段
2019/01/31 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
教育专业自荐书范文
2013/12/17 职场文书
检讨书1000字
2014/10/11 职场文书
普通员工辞职信范文
2015/05/12 职场文书
2016大一新生军训感言
2015/12/08 职场文书
2019年让高校“心动”的自荐信
2019/03/25 职场文书
Golang 使用Map实现去重与set的功能操作
2021/04/29 Golang
详解php中流行的rpc框架
2021/05/29 PHP
Python中requests做接口测试的方法
2021/05/30 Python
python获取字符串中的email
2022/03/31 Python
Go结合Gin导出Mysql数据到Excel表格
2022/08/05 Golang