JS刷新当前页面的几种方法总结


Posted in Javascript onDecember 24, 2013

三水点靠木整理的关于JS刷新页面相关的文章:https://3water.com/article/139788.htm

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 相关文章推荐
JQuery 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
js 时间格式与时间戳的相互转换示例代码
Dec 25 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
js计算系统当前日期是星期几的方法
Jul 14 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
Jul 05 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 Javascript
vue3自定义dialog、modal组件的方法
Jan 04 Vue.js
js中indexof的用法详细解析
Dec 24 #Javascript
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 #Javascript
JS Replace 全部替换字符的用法小结
Dec 24 #Javascript
JS获取url链接字符串 location.href
Dec 23 #Javascript
window.location.href中url中数据量太大时的解决方法
Dec 23 #Javascript
取消选中单选框radio的三种方式示例介绍
Dec 23 #Javascript
如何在指定的地方插入html内容和文本内容
Dec 23 #Javascript
You might like
Windows IIS PHP 5.2 安装与配置方法
2009/06/08 PHP
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
PHP文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
php模拟js函数unescape的函数代码
2012/10/20 PHP
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
jQuery javaScript捕获回车事件(示例代码)
2013/11/07 Javascript
用正则表达式替换图片地址img标签
2013/11/22 Javascript
JavaScript的函数式编程基础指南
2016/03/19 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
简单理解js的prototype属性及使用
2016/12/07 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
2018/09/14 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
2019/07/16 Javascript
JS函数基本定义与用法示例
2020/01/15 Javascript
Vue实现可移动水平时间轴
2020/06/29 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
Python数据结构之单链表详解
2017/09/12 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
RUIFIER官网:英国奢侈高级珠宝品牌
2020/06/12 全球购物
制药工程专业应届生求职信
2013/09/24 职场文书
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
小学生评语大全
2014/04/18 职场文书
银行贷款收入证明
2014/10/17 职场文书
大学军训决心书
2015/02/05 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
检讨书格式
2019/04/25 职场文书
python实现的web监控系统
2021/04/27 Python