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 相关文章推荐
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
Jan 09 Javascript
JS画5角星方法介绍
Sep 17 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
深入浅析JS的数组遍历方法(推荐)
Jun 15 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
vue父组件点击触发子组件事件的实例讲解
Feb 08 Javascript
不得不知的ES6小技巧
Jul 28 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
Vue全家桶入门基础教程
May 14 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不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
PHP 八种基本的数据类型小结
2011/06/01 PHP
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
php实现网站留言板功能
2015/11/04 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
JavaScript动态调整TextArea高度的代码
2010/12/28 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
JavaScript中具名函数的多种调用方式总结
2014/11/08 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
2016/02/25 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
JS实现HTML表格排序功能
2016/08/05 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
2016/11/10 Javascript
实例浅析js的this
2016/12/11 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
[01:19:46]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
Python生成随机密码的方法
2017/06/16 Python
python3使用scrapy生成csv文件代码示例
2017/12/28 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
Python实现的NN神经网络算法完整示例
2018/06/19 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
浅析Python 引号、注释、字符串
2019/07/25 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
将tf.batch_matmul替换成tf.matmul的实现
2020/06/18 Python
和谐社区口号
2014/06/19 职场文书
小学国庆节活动方案策划书
2014/09/16 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
实习协议书
2015/01/27 职场文书
材料员岗位职责
2015/02/10 职场文书
关于分班的感言
2015/08/04 职场文书
浅谈MySQL user权限表
2021/06/18 MySQL