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 相关文章推荐
取得一定长度的内容,处理中文
Dec 20 Javascript
基于jQuery制作迷你背词汇工具
Jul 27 Javascript
在JS中最常看到切最容易迷惑的语法(转)
Oct 29 Javascript
使用jQuery操作Cookies的实现代码
Oct 09 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
Apr 07 Javascript
js控制页面控件隐藏显示的两种方法介绍
Oct 09 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
Aug 21 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
vue基于Element构建自定义树的示例代码
Sep 19 Javascript
js之切换全屏和退出全屏实现代码实例
Sep 09 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
Oct 27 Javascript
jQuery实现tab栏切换效果
Dec 22 jQuery
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多线程异步请求的3种方法
2014/01/17 PHP
JQUERY 对象与DOM对象之两者相互间的转换
2009/04/27 Javascript
基于jquery的超简单上下翻
2010/04/20 Javascript
模拟电子签章盖章效果的jQuery插件源码
2013/06/24 Javascript
jQuery 三击事件实现代码
2013/09/11 Javascript
在JavaScript中判断整型的N种方法示例介绍
2014/06/18 Javascript
Javascript动态创建div的方法
2015/02/09 Javascript
JavaScript File API文件上传预览
2016/02/02 Javascript
javascript的几种写法总结
2016/09/30 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
2016/10/21 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
antd table按表格里的日期去排序操作
2020/11/17 Javascript
python实现保存网页到本地示例
2014/03/16 Python
Python解析excel文件存入sqlite数据库的方法
2016/11/15 Python
sublime python3 输入换行不结束的方法
2018/04/19 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
Python3如何判断三角形的类型
2020/04/12 Python
Python中zip函数如何使用
2020/06/04 Python
python解包概念及实例
2021/02/17 Python
解析浏览器的一些“滚动”行为鉴赏
2019/09/16 HTML / CSS
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
安全生产目标责任书
2014/04/14 职场文书
英语一分钟演讲稿
2014/04/29 职场文书
预防传染病方案
2014/06/14 职场文书
学校周年庆活动方案
2014/08/22 职场文书
论文答辩开场白大全
2015/05/27 职场文书
心术观后感
2015/06/11 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL