自动刷新网页,自动刷新当前页面,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 相关文章推荐
原生js实现移动开发轮播图、相册滑动特效
Apr 17 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
浅谈JavaScript的内置对象和浏览器对象
Jun 03 Javascript
修改js confirm alert 提示框文字的简单实例
Jun 10 Javascript
JS作为值的函数用法示例
Jun 20 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
利用jQuery实现简单的拖曳效果实例代码
Oct 20 jQuery
深入理解Puppeteer的入门教程和实践
Mar 05 Javascript
基于vue实现web端超大数据量表格的卡顿解决
Apr 02 Javascript
vue 实现基础组件的自动化全局注册
Dec 25 Vue.js
TypeScript中条件类型精读与实践记录
Oct 05 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
JavaScript触发器详解
2007/03/10 Javascript
javascript 常用代码技巧大收集
2009/02/25 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
JavaScript原生对象之Number对象的属性和方法详解
2015/03/13 Javascript
简介JavaScript中getUTCMonth()方法的使用
2015/06/10 Javascript
Angular2学习笔记——详解NgModule模块
2016/12/02 Javascript
JS封装通过className获取元素的函数示例
2016/12/20 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
如何使用less实现随机下雪动画详解
2019/01/02 Javascript
详解JS实现系统登录页的登录和验证
2019/04/29 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
小程序跨页面交互的作用与方法详解
2020/01/07 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
2020/05/28 Javascript
jquery实现广告上下滚动效果
2021/03/04 jQuery
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
Python解析json之ValueError: Expecting property name enclosed in double quotes: line 1 column 2(char 1)
2017/07/06 Python
python代码如何注释
2020/06/01 Python
Python如何输出整数
2020/06/07 Python
如何用python处理excel表格
2020/06/09 Python
如何使用python写截屏小工具
2020/09/29 Python
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
Nike瑞士官网:Nike CH
2021/01/18 全球购物
《再见了,亲人》教学反思
2014/02/26 职场文书
学校周年庆活动方案
2014/08/22 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
论语读书笔记
2015/06/26 职场文书
申请吧主发表的感言
2015/08/03 职场文书
2016入党心得体会范文
2016/01/06 职场文书