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 相关文章推荐
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
Mar 31 Javascript
javascript实现支持移动设备画廊
Aug 24 Javascript
jQuery实现的经典滑动门效果
Sep 22 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
jQuery获取cookie值及删除cookie用法实例
Apr 15 Javascript
简单三步实现报表页面集成天气
Dec 15 Javascript
angular ng-repeat数组中的数组实例
Feb 18 Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 Javascript
详解js中let与var声明变量的区别
Apr 05 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
Jun 04 Javascript
Vue实现多页签组件
Jan 14 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+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
PHP goto语句用法实例
2019/08/06 PHP
图标线性回归斜着移动到指定的位置
2013/08/16 Javascript
js中的eventType事件及其浏览器支持性介绍
2013/11/29 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
2018/07/27 Javascript
详解javascript appendChild()的完整功能
2018/08/18 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
封装 axios+promise通用请求函数操作
2020/08/11 Javascript
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
Python基础之函数用法实例详解
2014/09/10 Python
python实现比较两段文本不同之处的方法
2015/05/30 Python
Python实例一个类背后发生了什么
2016/02/09 Python
Python实现的科学计算器功能示例
2017/08/04 Python
django 框架实现的用户注册、登录、退出功能示例
2019/11/28 Python
python_mask_array的用法
2020/02/18 Python
通过代码实例了解Python sys模块
2020/09/14 Python
pycharm激活码2020最新分享适用pycharm2020最新版亲测可用
2020/11/22 Python
Python 可视化神器Plotly详解
2020/12/26 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
哥伦比亚加拿大官网:Columbia Sportswear Canada
2020/09/07 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
生物专业个人自荐信范文
2013/11/29 职场文书
表彰先进集体通报
2014/01/12 职场文书
大学教师师德师风演讲稿
2014/08/22 职场文书
人事局接收函
2015/01/30 职场文书
幽默导游词开场白
2015/05/29 职场文书
php去除deprecated的实例方法
2021/11/17 PHP