自动刷新网页,自动刷新当前页面,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全部源代码
May 04 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
May 18 Javascript
JS区分浏览器页面是刷新还是关闭
Apr 17 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
jQuery选择器之子元素选择器详解
Sep 18 jQuery
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
Jan 24 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
May 22 Javascript
JavaScript实现背景自动切换小案例
Sep 27 Javascript
JS 数组和对象的深拷贝操作示例
Jun 06 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 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
PHP中str_replace函数使用小结
2008/10/11 PHP
PHP字典树(Trie树)定义与实现方法示例
2017/10/09 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
PHP实现的杨辉三角求解算法分析
2019/03/11 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
找到一点可怜的关于dojo资料,谢谢作者!
2006/12/06 Javascript
Jquery ui css framework
2010/06/28 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
浅谈js中变量初始化
2015/02/03 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
简谈创建React Component的几种方式
2019/06/15 Javascript
JavaScript中的惰性载入函数及优势
2020/02/18 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
通过字符串导入 Python 模块的方法详解
2019/10/27 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
Python 必须了解的5种高级特征
2020/09/10 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
从当地商店送来的杂货:Instacart
2018/08/19 全球购物
毕业自荐信
2013/12/16 职场文书
入学生会自荐书范文
2014/02/05 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
保护环境演讲稿
2014/05/10 职场文书
司机工作自我鉴定
2014/09/19 职场文书
2014年材料员工作总结
2014/11/19 职场文书
2015年招聘工作总结
2014/12/12 职场文书
求职信格式范文
2015/03/19 职场文书
深入解析Apache Hudi内核文件标记机制
2022/03/31 Servers