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 相关文章推荐
把JS与CSS写在同一个文件里的书写方法
Jun 02 Javascript
使用JQuery和s3captche实现一个水果名字的验证
Aug 14 Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 Javascript
js实现文本框选中的方法
May 26 Javascript
javascript实现动态导入js与css等静态资源文件的方法
Jul 25 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
Oct 26 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
详解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
在windows服务器开启php的gd库phpinfo中未发现
2013/01/13 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
jQuery timers计时器简单应用说明
2010/10/28 Javascript
jQuery焦点图切换特效插件封装实例
2013/08/18 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
在父页面得到zTree已选中的节点的方法
2015/02/12 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
vue自定v-model实现表单数据双向绑定问题
2018/09/03 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
jquery实现穿梭框功能
2021/01/19 jQuery
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
python 类详解及简单实例
2017/03/24 Python
Mac 上切换Python多版本
2017/06/17 Python
用Python实现读写锁的示例代码
2018/11/05 Python
Django保护敏感信息的方法示例
2019/05/09 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
python3 enum模块的应用实例详解
2019/08/12 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
基于python实现音乐播放器代码实例
2020/07/01 Python
Python切片列表字符串如何实现切换
2020/08/06 Python
python中watchdog文件监控与检测上传功能
2020/10/30 Python
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
九年级语文教学反思
2014/02/04 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
安全资料员岗位职责范本
2014/06/28 职场文书
反四风对照检查材料思想汇报
2014/09/16 职场文书
2014年个人售房协议书
2014/10/30 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
2015年除四害工作总结
2015/07/23 职场文书
担保公司2015年终工作总结
2015/10/14 职场文书