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 相关文章推荐
用 JSON 处理缓存
Apr 27 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
May 14 Javascript
JavaScript制作简单的日历效果
Mar 10 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
Dec 12 Javascript
vue scroller返回页面记住滚动位置的实例代码
Jan 29 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
vue自动路由-单页面项目(非build时构建)
Apr 30 Javascript
JavaScript中的连续赋值问题实例分析
Jul 12 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Apr 20 Javascript
JavaScript Event Loop相关原理解析
Jun 10 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 登录完成后如何跳转上一访问页面
2014/01/14 PHP
PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
PHP严重致命错误处理:php Fatal error: Cannot redeclare class or function
2017/02/05 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
javascript call方法使用说明
2010/01/11 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
JS中产生标识符方式的演变
2015/06/12 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
BootStrap3使用错误记录及解决办法
2016/12/22 Javascript
详解vue 配合vue-resource调用接口获取数据
2017/06/22 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
jquery实现手风琴案例
2020/05/04 jQuery
Vue组件跨层级获取组件操作
2020/07/27 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
python开发之for循环操作实例详解
2015/11/12 Python
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
使用tensorflow实现线性svm
2018/09/07 Python
Python输出\u编码将其转换成中文的实例
2018/12/15 Python
python实现画五角星和螺旋线的示例
2019/01/20 Python
python函数与方法的区别总结
2019/06/23 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
五一晚会主持词
2015/07/01 职场文书
历史名人教你十五个读书方法,赶快Get起来!
2019/07/18 职场文书
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
Redis数据同步之redis shake的实现方法
2022/04/21 Redis