JavaScript刷新页面的几种方法总结


Posted in Javascript onMarch 28, 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刷新页面的几种方法:

  1. history.go(0)
  2. location.reload()
  3. location=location
  4. location.assign(location)
  5. document.execCommand('Refresh')
  6. window.navigate(location)
  7. location.replace(location)
  8. 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 相关文章推荐
JS IE和FF兼容性问题汇总
Feb 09 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
js中事件的处理与浏览器对象示例介绍
Nov 29 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 Javascript
js动态创建及移除div的方法
Jun 03 Javascript
js获取所有checkbox的值的简单实例
May 30 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
小程序页面动态配置实现方法
Feb 05 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
webpack3升级到webpack4遇到问题总结
Sep 30 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 Javascript
Vuex的热更替如何实现
Jun 05 Javascript
Vue批量图片显示时遇到的路径被解析问题
Mar 28 #Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 #Javascript
vue-cli中使用高德地图的方法示例
Mar 28 #Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 #jQuery
JavaScript实现汉字转换为拼音及缩写的方法示例
Mar 28 #Javascript
vue+iview/elementUi实现城市多选
Mar 28 #Javascript
node中使用es6/7/8(支持性与性能)
Mar 28 #Javascript
You might like
php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
PHP获取当前执行php文件名的代码
2017/03/02 PHP
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
jQuery遍历Form示例代码
2013/09/03 Javascript
JS去除数组重复值的五种不同方法
2013/09/06 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
Vue方法与事件处理器详解
2016/12/01 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
详解Howler.js Web音频播放终极解决方案
2020/08/23 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
python list中append()与extend()用法分享
2013/03/24 Python
python使用calendar输出指定年份全年日历的方法
2015/04/04 Python
python微信跳一跳系列之自动计算跳一跳距离
2018/02/26 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
使用matlab 判断两个矩阵是否相等的实例
2020/05/11 Python
python输入中文的实例方法
2020/09/14 Python
英国精品买手店:Browns Fashion
2016/09/29 全球购物
印度在线杂货店:bigbasket
2018/08/23 全球购物
德国旅行、体验和活动的预订平台:Watado
2019/12/04 全球购物
什么是表空间(tablespace)和系统表空间(System tablespace)
2013/02/25 面试题
QA工程师岗位职责
2013/11/20 职场文书
体育教师自我鉴定
2014/02/12 职场文书
刚毕业大学生自荐信范文
2014/02/20 职场文书
秋天的图画教学反思
2014/05/01 职场文书
优秀教师先进事迹材料
2014/12/15 职场文书
团代会闭幕词
2015/01/28 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
单位政审意见范文
2015/06/04 职场文书
初三毕业感言
2015/07/31 职场文书
SQLServer常见数学函数梳理总结
2022/08/05 MySQL