自动刷新网页,自动刷新当前页面,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 Cookie的读取和写入函数
Dec 08 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
jquery 面包屑导航 具体实现
Jun 05 Javascript
js中onload与onunload的使用示例
Aug 25 Javascript
Js数组排序函数sort()介绍
Jun 08 Javascript
javascript 继承学习心得总结
Mar 17 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
浅谈es6 javascript的map数据结构
Dec 14 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
vue3.0 加载json的方法(非ajax)
Oct 26 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 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
长波知识介绍
2021/03/01 无线电
php 无限级缓存的类的扩展
2009/03/16 PHP
php自定义的格式化时间示例代码
2013/12/05 PHP
VPS中使用LNMP安装WordPress教程
2014/12/28 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
PHP实现简单实用的分页类代码
2016/04/08 PHP
php 数组元素快速去重
2017/05/05 PHP
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
js中函数调用的两种常用方法使用介绍
2014/07/17 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
JavaScript实现审核流程状态的动态显示进度条
2017/03/15 Javascript
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
2018/12/12 Javascript
详解Element-UI中上传的文件前端处理
2019/08/07 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
python将字符串list写入excel和txt的实例
2019/07/20 Python
python做接口测试的必要性
2019/11/20 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
HTML5之SVG 2D入门4—笔画与填充
2013/01/30 HTML / CSS
澳大利亚时尚前卫设计师珠宝在线:Amber Sceats
2017/10/04 全球购物
美国牙科折扣计划:DentalPlans.com
2019/08/26 全球购物
大学生个人简历自我评价
2013/11/16 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
社区志愿者活动方案
2014/08/18 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
2015年评职称个人工作总结
2015/10/15 职场文书
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL