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 相关文章推荐
关于jQuery中的end()使用方法
Jul 10 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
jQuery层级选择器用法分析
Feb 10 Javascript
jquery衣服颜色选取插件效果代码分享
Aug 28 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
Mar 05 Javascript
理解Koa2中的async&amp;await的用法
Feb 05 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
Jun 22 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 Javascript
vue自定义树状结构图的实现方法
Oct 18 Javascript
JavaScript中MutationObServer监听DOM元素详情
Nov 27 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中array_merge与array+array的区别
2013/06/21 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
php判断数组元素中是否存在某个字符串的方法
2014/06/14 PHP
一张表搞清楚php is_null、empty、isset的区别
2015/07/07 PHP
php构造函数与析构函数
2016/04/23 PHP
php版阿里大于(阿里大鱼)短信发送实例详解
2016/11/30 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
php无限级分类实现评论及回复功能
2019/02/18 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
JavaScript 读取元素的CSS信息的代码
2010/02/07 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
JS使用单链表统计英语单词出现次数
2016/06/16 Javascript
浅析Ajax语法
2016/12/05 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
JavaScript实现轮播图效果
2020/10/30 Javascript
跟老齐学Python之dict()的操作方法
2014/09/24 Python
浅谈Python的异常处理
2016/06/19 Python
Python之os操作方法(详解)
2017/06/15 Python
使用tensorflow实现线性回归
2018/09/08 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
日本面向世界,国际级的免税在线购物商城:DOKODEMO
2017/02/01 全球购物
为什么需要版本控制?
2013/08/08 面试题
班主任经验交流会主持词
2014/04/01 职场文书
《学棋》教后反思
2014/04/14 职场文书
教师见习期自我鉴定
2014/04/28 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
关于Python使用turtle库画任意图的问题
2022/04/01 Python