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 相关文章推荐
node.js中的fs.lstatSync方法使用说明
Dec 16 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
Bootstrap实现弹性搜索框
Jul 11 Javascript
jQuery Chosen通用初始化
Mar 07 Javascript
原生js实现放大镜特效
Mar 08 Javascript
javascript实现日期三级联动下拉框选择菜单
Dec 03 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
在微信小程序里使用watch和computed的方法
Aug 02 Javascript
JavaScript中工厂函数与构造函数示例详解
May 06 Javascript
JS实现简易留言板增删功能
Feb 08 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
优化使用mysql存储session的php代码
2008/01/10 PHP
php 遍历显示文件夹下所有目录、所有文件的函数,没有分页的代码
2008/11/14 PHP
PHP游戏编程25个脚本代码
2011/02/08 PHP
PHP加密解密类实例代码
2016/07/20 PHP
JavaScript多线程的实现方法
2007/05/08 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
2010/12/30 Javascript
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
2015/06/19 Javascript
分分钟学会vue中vuex的应用(入门教程)
2017/09/14 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
Vue 刷新当前路由的实现代码
2019/09/26 Javascript
python生成指定尺寸缩略图的示例
2014/05/07 Python
pygame学习笔记(5):游戏精灵
2015/04/15 Python
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
Python下载指定页面上图片的方法
2016/05/12 Python
Python 爬虫模拟登陆知乎
2016/09/23 Python
python中for用来遍历range函数的方法
2018/06/08 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
Python 堆叠柱状图绘制方法
2019/07/29 Python
Python爬虫实现使用beautifulSoup4爬取名言网功能案例
2019/09/15 Python
python保留小数位的三种实现方法
2020/01/07 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
非功能性需求都包括哪些方面
2013/10/29 面试题
资深财务管理人员自我评价
2013/09/22 职场文书
互联网创业计划书的书写步骤
2014/01/28 职场文书
办公自动化专业大学生职业规划书
2014/03/06 职场文书
浪漫婚礼主持词
2014/03/14 职场文书
常务副县长“三严三实”对照检查材料思想汇报
2014/10/05 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
MySQL数据管理操作示例讲解
2022/12/24 MySQL