js刷新页面location.reload()用法详解


Posted in Javascript onDecember 09, 2019

本文介绍了js刷新页面函数location.reload()的用法,有关js location.reload()函数的例子,有需要的朋友参考下。

在javascript编程中,多使用location.reload实现页面刷新。

例子:

window.location.href=window.location.href; 
window.location.reload;

经测试,这两句在某些情况下可以代替location.reload(true);

而不会出现重试对话框达到刷新的效果

在js中实现刷新页面的方法有很多种,在js中有一个location.reload()函数,它就可以实现我们想要的功能。

window.location.reload(true) //浏览器重新从服务器请求资源,在http请求头中不会包含缓存标记。

例1,刷新当前页面

<script> 
window.location.reload(); 
</script>

例2,JS实现刷新iframe的方法

用iframe的name属性定位 

<input type="button" name="Button" value="Button" οnclick="document.frames('ifrmname').location.reload()"> 
或 
<input type="button" name="Button" value="Button" οnclick="document.all.ifrmname.document.location.reload()">

例3,首先,定义一个iframe 

<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>

aa.htm页面的内容: 

<input type ="button" value ="刷新" onclick ="aa()"/> 
function aa() {
//parent.location.replace(parent.location.href);//服务器端重新创建页面 
parent.document.location.reload();//相当于F5 
//window.location.href(parent.location.href);//iframe内容重定向 
}

注意:

window.location.reload;

刷新时如果提交数据的动作,则会出现对话框!

解决办法:

window.location.href=window.location.href; 
window.location.reload;

刷新父窗口:

window.opener.location.href=window.opener.location.href; 
window.opener.location.reload();

这种写法不会显示对话框。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
通过伪协议解决父页面与iframe页面通信的问题
Apr 05 Javascript
JQuery中clone方法复制节点
May 18 Javascript
在JavaScript中处理字符串之link()方法的使用
Jun 08 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
Dec 06 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
使用Require.js封装原生js轮播图的实现代码
Jun 15 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
基于JavaScript实现随机点名器
Feb 25 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 #Javascript
Vue extend的基本用法(实例详解)
Dec 09 #Javascript
vue基于v-charts封装双向条形图的实现代码
Dec 09 #Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 #Javascript
vue如何使用async、await实现同步请求
Dec 09 #Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 #Javascript
vue新建项目并配置标准路由过程解析
Dec 09 #Javascript
You might like
PHP性能优化 产生高度优化代码
2011/07/22 PHP
ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
2014/07/01 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
vue内置指令详解
2018/04/03 Javascript
Vue异步组件处理路由组件加载状态的解决方案
2018/09/07 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
微信小程序的mpvue框架快速上手指南
2019/05/15 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
Vue自动构建发布脚本的方法示例
2020/07/24 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
js删除对象中的某一个字段的方法实现
2021/01/11 Javascript
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
python 实现兔子生兔子示例
2019/11/21 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
CSS3 制作绽放的莲花采用效果叠加实现
2013/01/31 HTML / CSS
介绍一下EJB的体系结构
2012/08/01 面试题
英语专业毕业个人求职自荐信
2013/09/21 职场文书
计算机专业毕业生推荐信
2013/11/25 职场文书
竞聘上岗演讲稿范文
2014/01/10 职场文书
公司联欢会策划方案
2014/05/19 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书