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 相关文章推荐
JQuery中Bind()事件用法分析
May 05 Javascript
javascript格式化日期时间方法汇总
Jun 19 Javascript
js实现图片淡入淡出切换简易效果
Aug 22 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
jquery代码规范让代码越来越好看
Feb 03 Javascript
js实现图片左右滚动效果
Feb 27 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
Angular4.x Event (DOM事件和自定义事件详解)
Oct 09 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
JavaScript 中for/of,for/in 的详细介绍
Nov 17 Javascript
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中函数内引用全局变量的方法
2008/10/20 PHP
在JavaScript中调用php程序
2009/03/09 PHP
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
php生成随机密码的几种方法
2011/01/17 PHP
获取URL文件名后缀
2013/10/24 PHP
Zend Framework教程之Zend_Db_Table_Row用法实例分析
2016/03/21 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
javascript的字符串按引用复制和传递,按值来比较介绍与应用
2012/12/28 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
jQuery替换textarea中换行的方法
2015/06/10 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
基于vue-cli创建的项目的目录结构及说明介绍
2017/11/23 Javascript
Mint-UI时间组件起始时间问题及时间插件使用
2018/08/20 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
详解小程序用户登录状态检查与更新实例
2019/05/15 Javascript
vue项目中使用scss的方法步骤
2019/05/16 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
python实现批量按比例缩放图片效果
2018/03/30 Python
基于python 爬虫爬到含空格的url的处理方法
2018/05/11 Python
Python3实现将本地JSON大数据文件写入MySQL数据库的方法
2018/06/13 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
pandas apply多线程实现代码
2020/08/17 Python
Flask中jinja2的继承实现方法及实例
2021/03/03 Python
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
澳洲在线厨具商店:Kitchen Style
2018/05/05 全球购物
FLIR美国官网:热成像, 夜视和红外摄像系统
2018/07/13 全球购物
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
应用心理学个人的求职信
2013/12/08 职场文书
中学教师管理制度
2014/01/14 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
客户答谢会致辞
2015/01/20 职场文书
高中同学会致辞
2015/08/01 职场文书