自动刷新网页,自动刷新当前页面,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 中的 &amp;&amp; 和 || 使用小结
Apr 25 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
May 07 Javascript
我用的一些Node.js开发工具、开发包、框架等总结
Sep 25 Javascript
简易的投票系统以及js刷票思路和方法
Apr 07 Javascript
Angularjs实现多个页面共享数据的方式
Mar 29 Javascript
三种方式实现瀑布流布局
Feb 10 Javascript
vue2组件之select2调用的示例代码
Oct 12 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 jQuery
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 Javascript
JavaScript canvas实现文字时钟
Jan 10 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
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
PHP sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
2010/03/15 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
学习javascript面向对象 掌握创建对象的9种方式
2016/01/04 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
2017/10/26 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
详解python基础之while循环及if判断
2017/08/24 Python
详解Django中六个常用的自定义装饰器
2018/07/04 Python
python开发游戏的前期准备
2019/05/05 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
Python3 文章标题关键字提取的例子
2019/08/26 Python
python实现简单飞行棋
2020/02/06 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
土木工程毕业生自荐信
2013/09/21 职场文书
小学生成长感言
2014/01/30 职场文书
中学生个人自我评价
2014/02/06 职场文书
优秀团队获奖感言
2014/02/19 职场文书
化妆品促销方案
2014/02/24 职场文书
小学教师寄语大全
2014/04/03 职场文书
政府门卫岗位职责
2014/04/29 职场文书
2015年实习班主任工作总结
2015/04/23 职场文书
寻找最美乡村教师观后感
2015/06/18 职场文书
老舍《猫》教学反思
2016/02/17 职场文书
MySQL图形化管理工具Navicat安装步骤
2021/12/04 MySQL