自动刷新网页,自动刷新当前页面,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.blockUI.js上传滚动等待效果实现思路及代码
Mar 18 Javascript
js中的referrer返回上一页使用介绍
Sep 26 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
详解JavaScript中双等号引起的隐性类型转换
May 30 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
vue mounted组件的使用
Jun 18 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
Jul 24 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
Sep 01 Javascript
vue 点击按钮实现动态挂载子组件的方法
Sep 07 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
Mar 06 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 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 实例化类的一点摘记
2008/03/23 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
php自动更新版权信息显示的方法
2015/06/19 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
js变量作用域及可访问性的探讨
2006/11/23 Javascript
js 页面执行时间计算代码
2009/03/04 Javascript
5个javascript的数字格式化函数分享
2011/12/07 Javascript
你可能不知道的JavaScript的new Function()方法
2014/04/17 Javascript
html5+javascript制作简易画板附图
2014/04/25 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
JavaScript Split()方法
2015/12/18 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
2016/12/04 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
简单了解three.js 着色器材质
2020/08/03 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
netbeans7安装python插件的方法图解
2013/12/24 Python
Cpy和Python的效率对比
2015/03/20 Python
详解Python pygame安装过程笔记
2017/06/05 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
Python Selenium 之关闭窗口close与quit的方法
2019/02/13 Python
python根据多个文件名批量查找文件
2019/08/13 Python
Python基于opencv的简单图像轮廓形状识别(全网最简单最少代码)
2021/01/28 Python
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
天逸系统(武汉)有限公司Java笔试题
2015/12/29 面试题
安全事故检讨书
2014/01/18 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
投标邀请书范本
2015/02/02 职场文书
图文详解nginx日志切割的实现
2022/01/18 Servers
Go语言 详解net的tcp服务
2022/04/14 Golang
MySQL索引失效场景及解决方案
2022/07/23 MySQL