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 相关文章推荐
Javascript this 的一些学习总结
Aug 02 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
Mar 23 Javascript
学习JavaScript设计模式之中介者模式
Jan 14 Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 Javascript
浅谈微信小程序flex布局基础
Sep 10 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
利用angular自动编译andriod APK的绕坑经历分享
Mar 08 Javascript
小程序实现搜索框功能
Mar 26 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 Javascript
Vue.js数字输入框组件使用方法详解
Oct 19 Javascript
vue子传父关于.sync与$emit的实现
Nov 05 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 Vue.js
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设计模式编程中的简单工厂模式
2016/02/29 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
JavaScript.Encode手动解码技巧
2010/07/14 Javascript
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
jquery cookie的用法总结
2013/11/18 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
jQuery中使用animate自定义动画的方法
2016/05/29 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
JavaScript实现单例模式实例分享
2017/12/22 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
JS实现求5的阶乘示例
2019/01/21 Javascript
详解用Webpack与Babel配置ES6开发环境
2019/03/12 Javascript
详解vue-cli3多页应用改造
2019/06/04 Javascript
微信小程序日历插件代码实例
2019/12/04 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
Python多线程编程(五):死锁的形成
2015/04/05 Python
Python字符串拼接的几种方法整理
2017/08/02 Python
python处理csv中的空值方法
2018/06/22 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
django 外键model的互相读取方法
2018/12/15 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
Flask-WTF表单的使用方法
2019/07/12 Python
python使用建议技巧分享(三)
2020/08/18 Python
HTML5实现晶莹剔透的雨滴特效
2014/05/14 HTML / CSS
Soft Cotton捷克:来自爱琴海棉花的浴袍
2017/02/01 全球购物
学校献爱心活动总结
2014/07/08 职场文书
2014年卫生监督工作总结
2014/12/09 职场文书
办公室文员岗位职责
2015/02/04 职场文书