自动刷新网页,自动刷新当前页面,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 相关文章推荐
初学prototype,发个JS接受URL参数的代码
Sep 25 Javascript
索趣科技的答案
Feb 07 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
javascript闭包的理解
Apr 01 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
vue使用技巧及vue项目中遇到的问题
Jun 04 Javascript
vue自定义全局共用函数详解
Sep 18 Javascript
uni-app之APP和小程序微信授权方法
May 09 Javascript
小程序开发之模态框组件封装
Apr 23 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 常见郁闷问题答解
2006/11/25 PHP
PHP 计算代码执行耗时的代码修正网上普遍错误
2011/05/14 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
PHP.vs.JAVA
2016/04/29 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
yii2.0框架使用 beforeAction 防非法登陆的方法分析
2019/09/11 PHP
javascript new一个对象的实质
2010/01/07 Javascript
JQuery开发的数独游戏代码
2010/10/29 Javascript
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
终于解决了IE8不支持数组的indexOf方法
2013/04/03 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
AngularJS 模块详解及简单实例
2016/07/28 Javascript
AngularJS改变元素显示状态
2017/04/20 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
python实现数组插入新元素的方法
2015/05/22 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
Python的math模块中的常用数学函数整理
2016/02/04 Python
Python实现递归遍历文件夹并删除文件
2016/04/18 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
python创建学生管理系统
2019/11/22 Python
python如何调用字典的key
2020/05/25 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
影视动画专业个人的自我评价
2013/12/31 职场文书
入党申请自荐书范文
2014/02/11 职场文书
大学生学习2014全国两会心得体会
2014/03/13 职场文书
“向国旗敬礼”活动策划方案(4篇)
2014/09/27 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
2014年教师工作总结
2014/11/10 职场文书
房屋授权无偿使用证明
2014/11/29 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
Vue详细的入门笔记
2021/05/10 Vue.js
SQL IDENTITY_INSERT作用案例详解
2021/08/23 MySQL