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 获取服务器控件值的代码
Mar 05 Javascript
javascript内置对象操作详解
Feb 04 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
May 26 Javascript
javascript流程控制语句集合
Sep 18 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 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 翻页 实例代码
2009/08/07 PHP
php解析xml方法实例详解
2015/05/12 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
Laravel框架源码解析之模型Model原理与用法解析
2020/05/14 PHP
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
JS实现侧悬浮浮动实例代码
2013/11/29 Javascript
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
jQuery基础语法实例入门
2014/12/23 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
jqTransform美化表单
2015/10/10 Javascript
jQuery的层级查找方式分析
2016/06/16 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
详解angular element()方法使用
2017/04/08 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
2019/11/06 Javascript
Python中的with...as用法介绍
2015/05/28 Python
单链表反转python实现代码示例
2018/02/08 Python
Python安装pycurl失败的解决方法
2018/10/15 Python
python将处理好的图像保存到指定目录下的方法
2019/01/10 Python
python实现密码强度校验
2020/03/18 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
Django权限控制的使用
2021/01/07 Python
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
html+css3实现的登录界面
2020/12/09 HTML / CSS
基于HTML5 Canvas 实现弹出框效果
2017/06/05 HTML / CSS
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
钱学森电影观后感
2015/06/04 职场文书
工作简报范文
2015/07/21 职场文书
深度好文:50条没人告诉你的人生经验,句句精辟
2019/08/22 职场文书
Python中Cookies导出某站用户数据的方法
2021/05/17 Python