JavaScript多种页面刷新方法小结


Posted in Javascript onApril 04, 2019

1,reload 方法

该方法强迫浏览器刷新当前页面。

语法:location.reload([bForceGet])

参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

2,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=http://www.baidu.com"> (其中20指隔20秒后跳转到http://www.baidu.comt页面)

3,页面自动刷新js版

<script type="text/javascript">
function myrefresh()
{
 window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>

4,JS刷新框架的脚本语句

//刷新包含该框架的页面用 
<script type="text/javascript">
 parent.location.reload();
</script>
//子窗口刷新父窗口
<script type="text/javascript">
 self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()" rel="external nofollow" >刷新</a> )
//刷新另一个框架的页面用 
<script type="text/javascript">
 parent.另一FrameID.location.reload();
</script>

如果想关闭窗口时刷新或想开窗时刷新,在<body>中调用以下语句即可。

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script>
 window.opener.document.location.reload()
</script>

总结

以上所述是小编给大家介绍的JavaScript多种页面刷新方法小结,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
javascript中用星号表示预录入内容的实现代码
Jan 08 Javascript
JQuery对checkbox操作 (循环获取)
May 20 Javascript
js编码之encodeURIComponent使用介绍(asp,php)
Mar 01 Javascript
js倒计时小程序
Nov 05 Javascript
浅谈JavaScript for循环 闭包
Jun 22 Javascript
用jQuery向div中添加Html文本内容的简单实现
Jul 13 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
Nov 22 Javascript
jQuery中页面返回顶部的方法总结
Dec 30 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
May 07 Javascript
Vue隐藏显示、只读实例代码
Jul 18 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
自定义Vue中的v-module双向绑定的实现
Apr 17 Javascript
详解easyui 切换主题皮肤
Apr 04 #Javascript
jQuery分组选择器简单用法示例
Apr 04 #jQuery
qrcode生成二维码微信长按无法识别问题的解决
Apr 04 #Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 #jQuery
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 #Javascript
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 #Javascript
Vue传参一箩筐(页面、组件)
Apr 04 #Javascript
You might like
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
php函数式编程简单示例
2019/08/08 PHP
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
2013/10/29 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
2014/01/14 Javascript
JavaScript内存管理介绍
2015/03/13 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
javascript html5 canvas实现可拖动省份的中国地图
2016/03/11 Javascript
CSS3 media queries结合jQuery实现响应式导航
2016/09/30 Javascript
浅析BootStrap Treeview的简单使用
2016/10/12 Javascript
微信小程序图片横向左右滑动案例
2017/05/19 Javascript
nodejs实现简单的gulp打包
2017/12/21 NodeJs
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
Python程序设计入门(1)基本语法简介
2014/06/13 Python
python轻松实现代码编码格式转换
2015/03/26 Python
在Python中使用swapCase()方法转换大小写的教程
2015/05/20 Python
Python2.x中文乱码问题解决方法
2015/06/02 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
Flask框架信号用法实例分析
2018/07/24 Python
Html5 页面适配iPhoneX(就是那么简单)
2019/09/05 HTML / CSS
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
应届大专生自荐书
2014/06/16 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
2015年班级元旦晚会活动总结
2014/11/28 职场文书
研讨会通知
2015/04/27 职场文书
电影建党伟业观后感
2015/06/01 职场文书
python源码剖析之PyObject详解
2021/05/18 Python