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 相关文章推荐
判断用户的在线状态 onbeforeunload事件
Mar 05 Javascript
javascript实现图片切换的幻灯片效果源代码
Dec 12 Javascript
js+css实现导航效果实例
Feb 10 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
easyui-datagrid特殊字符不能显示的处理方法
Apr 12 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
详解JavaScript中的数组合并方法和对象合并方法
May 11 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
Sep 13 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中显示数组与对象的实现代码
2011/04/18 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
基于jQuery选择器的整理集合
2013/04/26 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
Javascript中的关键字和保留字整理
2014/10/16 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
2016/09/06 Javascript
微信小程序 location API接口详解及实例代码
2016/10/12 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
Python 异常处理的实例详解
2017/09/11 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
Python实现的网页截图功能【PyQt4与selenium组件】
2018/07/12 Python
在python中以相同顺序shuffle两个list的方法
2018/12/13 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
Pytorch 之修改Tensor部分值方式
2019/12/27 Python
Python 实现平台类游戏添加跳跃功能
2020/03/27 Python
python Zmail模块简介与使用示例
2020/12/19 Python
Banggood官网:面向全球客户的综合商城
2017/04/19 全球购物
美国地毯购买网站:Rugs USA
2019/02/23 全球购物
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
澳大利亚网上买书:Angus & Robertson
2019/07/21 全球购物
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
车间调度岗位职责
2013/11/30 职场文书
《微笑着面对生活》优秀演讲稿范文
2014/09/23 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python
OpenFeign实现远程调用
2022/08/14 Java/Android