JavaScript刷新页面的几种方法总结


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

  1. history.go(0)
  2. location.reload()
  3. location=location
  4. location.assign(location)
  5. document.execCommand('Refresh')
  6. window.navigate(location)
  7. location.replace(location)
  8. 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获取IE上传文件路径(IE7,8)
Jul 08 Javascript
jquery获取radio值实例
Oct 16 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
JS实现的自定义网页拖动类
Nov 06 Javascript
jQuery xml字符串的解析、读取及查找方法
Mar 01 Javascript
Javascript的比较汇总
Jul 25 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
vue的keep-alive中使用EventBus的方法
Apr 23 Javascript
微信小程序封装分享与分销功能过程解析
Aug 13 Javascript
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
Vue批量图片显示时遇到的路径被解析问题
Mar 28 #Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 #Javascript
vue-cli中使用高德地图的方法示例
Mar 28 #Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 #jQuery
JavaScript实现汉字转换为拼音及缩写的方法示例
Mar 28 #Javascript
vue+iview/elementUi实现城市多选
Mar 28 #Javascript
node中使用es6/7/8(支持性与性能)
Mar 28 #Javascript
You might like
PHP 编程请选择正确的文本编辑软件
2006/12/21 PHP
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
php 魔术函数使用说明
2010/02/21 PHP
PHP 安全检测代码片段(分享)
2013/07/05 PHP
PHP读取文件内容后清空文件示例代码
2014/03/18 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
页面中js执行顺序
2009/11/09 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
jquery each的几种常用的使用方法示例
2014/01/21 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
js实现正方形颜色从下往上升的效果
2014/08/04 Javascript
JavaScript实现图片DIV竖向滑动的方法
2015/04/25 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
2017/04/12 Javascript
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
js中null与空字符串&quot;&quot;的区别讲解
2019/01/17 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
详解Nuxt内导航栏的两种实现方式
2020/04/16 Javascript
JavaScript 实现轮播图特效的示例
2020/11/05 Javascript
[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC
2018/04/02 DOTA
Python实现拼接多张图片的方法
2014/12/01 Python
python处理csv数据的方法
2015/03/11 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
python中pdb模块实例用法
2021/01/15 Python
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
皮姆斯勒语言学习:Pimsleur Language Programs
2018/06/30 全球购物
《小熊住山洞》教学反思
2014/02/21 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
音乐研修感悟
2015/11/18 职场文书