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 相关文章推荐
SWFObject Flash js调用类
Jul 08 Javascript
[原创]js获取数组任意个不重复的随机数组元素
Mar 15 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
Oct 10 Javascript
Validform表单验证总结篇
Oct 31 Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 Javascript
Angular4学习笔记之准备和环境搭建项目
Aug 01 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
vue移动端项目缓存问题实践记录
Oct 29 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 Javascript
详解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生成与读取excel文件
2016/10/14 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
javascript实现复选框选中属性
2015/03/25 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
vue实现个人信息查看和密码修改功能
2018/05/06 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
axios实现简单文件上传功能
2019/09/25 Javascript
javascript+css实现进度条效果
2020/03/25 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
详细解析Python当中的数据类型和变量
2015/04/25 Python
深入解读Python解析XML的几种方式
2016/02/16 Python
Python实现简单的四则运算计算器
2016/11/02 Python
python与C互相调用的方法详解
2017/07/14 Python
python tkinter窗口最大化的实现
2019/07/15 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
利用python计算时间差(返回天数)
2019/09/07 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
高性能装备提升营地:Kammok
2019/02/27 全球购物
英国运动风奢侈品购物网站:Maison De Fashion
2020/08/28 全球购物
高中生学习的自我评价
2013/12/14 职场文书
高中化学教学反思
2014/01/13 职场文书
初一科学教学反思
2014/01/27 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
商务英语专业毕业生求职信
2014/07/06 职场文书
少先队工作总结2015
2015/05/13 职场文书
企业内部管理控制:银行存款控制制度范本
2020/01/10 职场文书
在redisCluster中模糊获取key方式
2021/07/09 Redis
深入解析MySQL索引数据结构
2021/10/16 MySQL
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技