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的index方法实现tab效果
Feb 16 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
使用js解决由border属性引起的div宽度问题
Nov 26 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
Jul 21 Javascript
js实现的后台左侧管理菜单代码
Sep 11 Javascript
javascript瀑布流式图片懒加载实例
Jun 28 Javascript
AngularJS 工作原理详解
Aug 18 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Aug 16 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
使用vue完成微信公众号网页小记(推荐)
Apr 28 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 Javascript
JavaScript实现酷炫的鼠标拖尾特效
Feb 18 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模板,主要想体现一下思路
2006/12/25 PHP
详解php比较操作符的安全问题
2015/12/03 PHP
SUN的《AJAX与J2EE》全文译了
2007/02/23 Javascript
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
JS封装的自动创建表格的实现代码
2016/06/15 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
2020/03/25 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
2020/04/07 Javascript
[00:57]英雄,你的补给到了!
2020/11/13 DOTA
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
使用Python创建简单的HTTP服务器的方法步骤
2019/04/26 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
Django框架静态文件处理、中间件、上传文件操作实例详解
2020/02/29 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
医学院四年学习生活的自我评价
2013/11/06 职场文书
大课间活动制度
2014/01/18 职场文书
网上开店必备创业计划书
2014/01/26 职场文书
运动会入场词60字
2014/02/15 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
学生会个人总结范文
2015/02/15 职场文书
学校重阳节活动总结
2015/03/24 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
Python借助with语句实现代码段只执行有限次
2022/03/23 Python