自动刷新网页,自动刷新当前页面,JS调用


Posted in Javascript onJune 24, 2013

reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])                                                                                                                           参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。
语法: location.replace(URL)  

在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面,所以页面的method="post"的时候,会出现"网页过期"的提示。那是因为Session的安全保护机制。可以想到: 当调用 location.reload() 方法的时候, aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback 的。如果有这种应用: 我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建, 我们期望是 Not IsPostback 的。这里,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。

你可以这么写: location.replace(location.href);

返回并刷新页面:

location.replace(document.referrer);
document.referrer //前一个页面的URL

不要用 history.go(-1),或 history.back();来返回并刷新页面,这两种方法不会刷新页面。

附:
Javascript刷新页面的几种方法:

    history.go(0)
    location.reload()
    location=location
    location.assign(location)
    document.execCommand('Refresh')
    window.navigate(location)
    location.replace(location)
    document.URL=location.href

自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=https://3water.com">
其中20指隔20秒后跳转到https://3water.com页面

3.页面自动刷新js版

<script language="JavaScript">
function myrefresh()
{
       window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>

JS刷新框架的脚本语句

//如何刷新包含该框架的页面用 

<script language=JavaScript>
   parent.location.reload();
</script>  
//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a>   )
//如何刷新另一个框架的页面用  
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
Javascript 相关文章推荐
javascript 数组排序函数
Aug 20 Javascript
js监听输入框值的即时变化onpropertychange、oninput
Jul 13 Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 Javascript
js 求时间差的实现代码
Apr 26 Javascript
AngularJS 模块化详解及实例代码
Sep 14 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
Jan 18 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
selenium+java中用js来完成日期的修改
Oct 31 Javascript
jquery更改元素属性attr()方法操作示例
May 22 jQuery
React列表栏及购物车组件使用详解
Jun 28 Javascript
jquery中的事件处理详细介绍
Jun 24 #Javascript
模拟电子签章盖章效果的jQuery插件源码
Jun 24 #Javascript
Js注册协议倒计时的小例子
Jun 24 #Javascript
通过JavaScript使Div居中并随网页大小改变而改变
Jun 24 #Javascript
jquery入门必备的基本认识及实例(整理)
Jun 24 #Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
Jun 24 #Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 #Javascript
You might like
PHP4实际应用经验篇(5)
2006/10/09 PHP
在线增减.htpasswd内的用户
2006/10/09 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
[原创]php常用字符串输出方法分析(echo,print,printf及sprintf)
2016/07/09 PHP
深入理解PHP中mt_rand()随机数的安全
2017/10/12 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
基于jquery创建的一个图片、视频缓冲的效果样式插件
2012/08/28 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
2012/12/09 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
AngularJS指令详解及示例代码
2016/08/16 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
js判断一个对象是数组(函数)的方法实例
2019/12/19 Javascript
js实现图片实时时钟
2020/01/15 Javascript
深入浅析JavaScript中的in关键字和for-in循环
2020/04/20 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
python爬虫获取多页天涯帖子
2018/02/23 Python
Python 中Pickle库的使用详解
2018/02/24 Python
浅谈Django中的QueryDict元素为数组的坑
2020/03/31 Python
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
广州某公司软件工程师面试题
2014/12/22 面试题
简历中个人求职的自我评价模板
2013/11/29 职场文书
采购部主管岗位职责
2014/01/01 职场文书
应届生简历中的自我评价
2014/01/13 职场文书
初三物理教学反思
2014/01/21 职场文书
秋季红领巾广播稿
2014/01/27 职场文书
群众路线教育实践活动整改方案(个人版)
2014/10/25 职场文书
先进党支部申报材料
2014/12/24 职场文书
2015年音乐教研组工作总结
2015/07/22 职场文书
关于分班的感言
2015/08/04 职场文书
加强党性修养心得体会
2016/01/21 职场文书
2016年党员干部廉政承诺书
2016/03/24 职场文书