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 页面内容搜索,类似于 Ctrl+F功能的实现代码
Aug 13 Javascript
使用Js让Html中特殊字符不被转义
Nov 05 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
js实现图片左右滚动效果
Feb 27 Javascript
超简单的Vue.js环境搭建教程
Mar 17 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 Javascript
layui获取多选框中的值方法
Aug 15 Javascript
JavaScript读写二进制数据的方法详解
Sep 09 Javascript
JavaScript设计模式之代理模式实例分析
Jan 16 Javascript
ES7之Async/await的使用详解
Mar 28 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
Jan 22 Javascript
JavaScript实现网页留言板功能
Nov 23 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
Maps Javascript
2007/01/22 Javascript
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
小米公司JavaScript面试题
2014/12/29 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
select2 ajax 设置默认值,初始值的方法
2018/08/09 Javascript
浅谈Vue 性能优化之深挖数组
2018/12/11 Javascript
小程序从手动埋点到自动埋点的实现方法
2019/01/24 Javascript
vue+axios实现post文件下载
2019/09/25 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
Vue中避免滥用this去读取data中数据
2021/03/02 Vue.js
python+selenium+autoit实现文件上传功能
2017/08/23 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
解决Python pandas plot输出图形中显示中文乱码问题
2018/12/12 Python
Python常用特殊方法实例总结
2019/03/22 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
python 实现波浪滤镜特效
2020/12/02 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
html5中监听canvas内部元素点击事件的三种方法
2019/04/28 HTML / CSS
俄罗斯小米家用电器、电子产品和智能家居商店:Poood.ru
2020/04/03 全球购物
华三通信H3C面试题
2015/05/15 面试题
眼镜促销方案
2014/03/15 职场文书
建筑工地门卫岗位职责
2014/04/30 职场文书
公司投资建议书
2014/05/16 职场文书
幼儿园植树节活动总结
2014/07/04 职场文书
求职自我评价范文100字
2014/09/23 职场文书
婚礼父母致辞
2015/07/28 职场文书
超市啤酒狂欢夜策划方案范文!
2019/07/03 职场文书