自动刷新网页,自动刷新当前页面,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 相关文章推荐
Extjs学习笔记之四 工具栏和菜单
Jan 07 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
js图片卷帘门导航菜单特效代码分享
Sep 10 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
Angular设置title信息解决SEO方面存在问题
Aug 19 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
详解vue嵌套路由-params传递参数
May 23 Javascript
JavaScript取得gridview中获取checkbox选中的值
Jul 24 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
js中比较两个对象是否相同的方法示例
Sep 02 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 Javascript
TS 类型收窄教程示例详解
Sep 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
PHP4 与 MySQL 交互使用
2006/10/09 PHP
php 静态页面中显示动态内容
2009/08/14 PHP
header跳转和include包含问题详解
2012/09/08 PHP
解析dedeCMS验证码的实现代码
2013/06/07 PHP
php实现可以设置中奖概率的抽奖程序代码分享
2014/01/19 PHP
WordPress中获取指定分类及其子分类下的文章数目
2015/12/31 PHP
Javascript实例教程(19) 使用HoTMetal(5)
2006/12/23 Javascript
动态创建的表格单元格中的事件实现代码
2008/12/30 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
2015/08/31 Javascript
Java Mybatis框架入门基础教程
2015/09/21 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
2016/12/02 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
Vue的Class与Style绑定的方法
2017/09/01 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
JS中appendChild追加子节点无效的解决方法
2018/10/14 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
vue2.0自定义指令示例代码详解
2019/04/25 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
[46:48]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第三局
2016/02/25 DOTA
[02:03]风行者至宝清风环佩外观展示
2020/09/05 DOTA
python实现播放音频和录音功能示例代码
2018/12/30 Python
python 监听salt job状态,并任务数据推送到redis中的方法
2019/01/14 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
荷兰睡眠专家:Beter Bed
2020/11/23 全球购物
计算机专业毕业生自荐信范文
2014/03/06 职场文书
爱情寄语大全
2014/04/09 职场文书
四风问题对照检查材料
2014/09/22 职场文书
强烈推荐:小学生:暑假作息时间表(值得收藏)
2019/07/09 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技