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 相关文章推荐
html读出文本文件内容
Jan 22 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
Oct 29 Javascript
很好用的js日历算法详细代码
Mar 07 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 Javascript
Vue.js学习之计算属性
Jan 22 Javascript
vue深入解析之render function code详解
Jul 18 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
Sep 20 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
关于TypeScript模块导入的那些事
Jun 12 Javascript
微信小程序实现文字跑马灯
May 26 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
Nov 11 Javascript
ant design vue的form表单取值方法
Jun 01 Vue.js
详解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
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
自动生成文章摘要的代码[PHP 版本]
2007/03/20 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
JSON 学习之完全手册 图文
2007/05/29 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
如何使用json在前后台进行数据传输实例介绍
2013/04/11 Javascript
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
jQuery中:image选择器用法实例
2015/01/03 Javascript
javascript cookie基础应用之记录用户名的方法
2016/09/20 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
vue element-ui实现input输入框金额数字添加千分位
2019/12/29 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
Vue中nprogress页面加载进度条的方法实现
2020/11/13 Javascript
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
python中__slots__用法实例
2015/06/04 Python
python负载均衡的简单实现方法
2018/02/04 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
python matplotlib 在指定的两个点之间连线方法
2018/05/25 Python
Pytorch 的损失函数Loss function使用详解
2020/01/02 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
Python yield的用法实例分析
2020/03/06 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
html5模拟平抛运动(模拟小球平抛运动过程)
2013/07/25 HTML / CSS
美国创意之家:BulbHead
2017/07/12 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
制药工程专业应届生求职信
2013/09/24 职场文书
孩子教育的心得体会
2014/09/01 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
个人查摆问题及整改措施
2014/10/16 职场文书
春节随笔
2015/08/15 职场文书
工作自我评价范文
2019/03/21 职场文书
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL