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 相关文章推荐
读jQuery之三(构建选择器)
Jun 11 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
setInterval计时器不准的问题解决方法
May 08 Javascript
什么是Node.js?Node.js详细介绍
Jun 01 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
Jul 01 Javascript
javascript中setInterval的用法
Jul 19 Javascript
jquery遍历标签中自定义的属性方法
Sep 17 Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 Javascript
关于Javascript中document.cookie的使用
Mar 08 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
详解JavaScript作用域 闭包
Jul 29 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中截取字符串支持utf-8
2007/01/18 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
符合W3C网页标准的iframe标签的使用方法
2007/07/19 Javascript
js 提交和设置表单的值
2008/12/19 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
bootstrap中模态框、模态框的属性实例详解
2017/02/17 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
2019/01/24 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
[00:32]10月24、25日 辉夜杯外卡赛附加赛开赛!
2015/10/23 DOTA
Python中splitlines()方法的使用简介
2015/05/20 Python
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
搞笑的程序猿:看看你是哪种Python程序员
2015/06/12 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
django解决跨域请求的问题详解
2019/01/20 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
浅谈pyqt5在QMainWindow中布局的问题
2019/06/21 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
毕业自我鉴定范文
2013/11/06 职场文书
护士岗前培训自我评鉴
2014/02/28 职场文书
小学开学典礼主持词
2014/03/19 职场文书
新农村建设典型材料
2014/05/31 职场文书
活动总结格式
2014/08/30 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
小学班主任心得体会
2016/01/07 职场文书
Golang的继承模拟实例
2021/06/30 Golang