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动态增加删除UL节点LI及相关内容示例
May 21 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
May 28 Javascript
详解JavaScript中数组的reduce方法
Dec 02 Javascript
简单实现JS计算器功能
Dec 21 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
详解javascript设计模式三:代理模式
Mar 25 Javascript
jQuery zTree插件快速实现目录树
Aug 16 jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
微信小程序实现星星评分效果
Nov 01 Javascript
Vue 数据响应式相关总结
Jan 28 Vue.js
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计算两个路径的相对路径
2013/06/14 PHP
Yii的CDbCriteria查询条件用法实例
2014/12/04 PHP
ThinkPHP中create()方法自动验证实例
2017/04/26 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
Smarty模板语法详解
2019/07/20 PHP
PHP程序员简单的开展服务治理架构操作详解(二)
2020/05/14 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
制作特殊字的脚本
2006/06/26 Javascript
JavaScript经典效果集锦
2010/07/06 Javascript
javascript forEach通用循环遍历方法
2010/10/11 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
简单理解js的冒泡排序
2016/12/19 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
axios简单实现小程序延时loading指示
2018/07/30 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
2020/05/09 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
2020/08/28 Javascript
Python抓取手机号归属地信息示例代码
2016/11/28 Python
python处理Excel xlrd的简单使用
2017/09/12 Python
python基于ID3思想的决策树
2018/01/03 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
Django 登陆验证码和中间件的实现
2018/08/17 Python
解决Python2.7中IDLE启动没有反应的问题
2018/11/30 Python
wxPython实现分隔窗口
2019/11/19 Python
python实现两个字典合并,两个list合并
2019/12/02 Python
Java中会存在内存泄漏吗,请简单描述
2016/12/22 面试题
如何打造一封优秀的留学推荐信
2014/01/25 职场文书
办公室文员自荐书
2014/02/03 职场文书
商超业务员岗位职责
2014/03/12 职场文书
2015年暑期社会实践方案
2015/07/14 职场文书
运动会宣传稿100字
2015/07/23 职场文书
Python insert() / append() 用法 Leetcode实战演示
2021/03/31 Python