自动刷新网页,自动刷新当前页面,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 相关文章推荐
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
Mar 11 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
JavaScript中的6种运算符总结
Oct 16 Javascript
javascript中的面向对象
Mar 30 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
Jan 15 Javascript
React 组件转 Vue 组件的命令写法
Feb 28 Javascript
使用ThinkJs搭建微信中控服务的实现方法
Aug 08 Javascript
JavaScript享元模式原理与用法实例详解
Mar 09 Javascript
vue实现图片上传功能
May 28 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
Oct 26 Javascript
JavaScript构造函数原理及实现流程解析
Nov 19 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中一个有意思的日期逻辑处理
2012/03/25 PHP
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
js URL参数的拼接方法比较
2012/02/15 Javascript
jQuery在html有效在jsp无效的原因及解决方法
2013/08/02 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
jQuery简单实现网页选项卡特效
2014/11/24 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
基于javascript实现随机颜色变化效果
2016/01/14 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
JS作用域链详解
2017/06/26 Javascript
Angular.js中angular-ui-router的简单实践
2017/07/18 Javascript
用React实现一个完整的TodoList的示例代码
2017/10/30 Javascript
vue中的计算属性的使用和vue实例的方法示例
2017/12/04 Javascript
详解Element 指令clickoutside源码分析
2019/02/15 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
vc6编写python扩展的方法分享
2014/01/17 Python
Python中文件的读取和写入操作
2018/04/27 Python
pandas的连接函数concat()函数的具体使用方法
2019/07/09 Python
tensorflow通过模型文件,使用tensorboard查看其模型图Graph方式
2020/01/23 Python
师生聚会感言
2014/01/26 职场文书
家居饰品店创业计划书
2014/01/31 职场文书
教师专业自荐书范文
2014/02/10 职场文书
小学国庆节活动方案
2014/02/11 职场文书
卖车协议书
2014/04/21 职场文书
一年级语文上册复习计划
2015/01/17 职场文书
大四学生个人总结
2015/02/15 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
如何用PHP实现多线程编程
2021/05/26 PHP
如何利用React实现图片识别App
2022/02/18 Javascript
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript