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 相关文章推荐
一端时间轮换的广告
Jun 26 Javascript
JavaScript与函数式编程解释
Apr 27 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
如何获取网站icon有哪些可行的方法
Jun 05 Javascript
js实现网页多级级联菜单代码
Aug 20 Javascript
js自调用匿名函数的三种写法(推荐)
Aug 19 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
node读写Excel操作实例分析
Nov 06 Javascript
React实现阿里云OSS上传文件的示例
Aug 10 Javascript
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
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 Socket配置以及实例的详细介绍
2013/06/13 PHP
sae使用smarty模板的方法
2013/12/17 PHP
php+ajax实时输入自动搜索匹配的方法
2014/12/26 PHP
php实现的简单数据库操作Model类
2016/11/16 PHP
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
jQuery实现锚点向下平滑滚动特效示例
2017/08/29 jQuery
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
Angularjs中的$apply及优化使用详解
2018/07/02 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
python中的sort方法使用详解
2014/07/25 Python
Python实现将目录中TXT合并成一个大TXT文件的方法
2015/07/15 Python
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
python安装PIL模块时Unable to find vcvarsall.bat错误的解决方法
2016/09/19 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
django实现模型字段动态choice的操作
2020/04/01 Python
如何清空python的变量
2020/07/05 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
面向对象设计的原则是什么
2013/02/13 面试题
需求分析说明书
2014/05/09 职场文书
党性心得体会
2014/09/03 职场文书
名人演讲稿范文
2014/09/16 职场文书
学校党风廉政建设调研报告
2015/01/01 职场文书
2015年世界环境日活动总结
2015/02/11 职场文书
公积金具结保证书
2015/05/11 职场文书
南极大冒险观后感
2015/06/05 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
python 如何执行控制台命令与操作剪切板
2021/05/20 Python