JavaScript多种页面刷新方法小结


Posted in Javascript onApril 04, 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刷新页面的几种方法:

history.go(0)
location.reload()
location=location
location.assign(location)
document.execCommand('Refresh')
window.navigate(location)
location.replace(location)
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 相关文章推荐
javascript textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
JS文本框不能输入空格验证方法
Mar 19 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
Vue.js实现图片的随意拖动方法
Mar 08 Javascript
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
JS跨域请求的问题解析
Dec 03 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
Mar 05 Javascript
用jQuery实现抽奖程序
Apr 12 jQuery
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
详解easyui 切换主题皮肤
Apr 04 #Javascript
jQuery分组选择器简单用法示例
Apr 04 #jQuery
qrcode生成二维码微信长按无法识别问题的解决
Apr 04 #Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 #jQuery
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 #Javascript
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 #Javascript
Vue传参一箩筐(页面、组件)
Apr 04 #Javascript
You might like
php字符编码转换之gb2312转为utf8
2013/10/28 PHP
windows 2008r2+php5.6.28环境搭建详细过程
2019/06/18 PHP
javascript入门·图片对象(无刷新变换图片)\滚动图像
2007/10/01 Javascript
Javascript select下拉框操作常用方法
2009/11/09 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
javascript异步编程代码书写规范Promise学习笔记
2015/02/11 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
js剪切板应用clipboardData实例解析
2016/05/29 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
python实现中文输出的两种方法
2015/05/09 Python
Python 3.x 连接数据库示例(pymysql 方式)
2017/01/19 Python
numpy.random.seed()的使用实例解析
2018/02/03 Python
Django中如何防范CSRF跨站点请求伪造攻击的实现
2019/04/28 Python
Python 如何操作 SQLite 数据库
2020/08/17 Python
Python Django路径配置实现过程解析
2020/11/05 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
【HTML5】Canvas绘制简单图片教程
2016/05/13 HTML / CSS
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
医科大学生毕业的自我评价分享
2013/11/12 职场文书
九年级数学教学反思
2014/02/02 职场文书
会计专业导师推荐信
2014/03/08 职场文书
机械专业技术员求职信
2014/06/14 职场文书
住房租房协议书
2014/08/20 职场文书
同学聚会邀请函
2015/01/30 职场文书
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python