JS实现刷新父页面不弹出提示框的方法


Posted in Javascript onJune 22, 2016

本文实例讲述了JS实现刷新父页面不弹出提示框的方法。分享给大家供大家参考,具体如下:

A页面 open方式出 B页面 ,当B页面做了类如保存动作后,需要关闭B页面,刷新A页面的情况下,会弹出一个提示框,要求点重试,这个就是发生预料之外的情况,用户体验很差。

解决方案分两种情况:

1、A页面很简单的情况(没有frame/iframe)

在B页面中的function中:

function close(){
 window.opener.location.reload();
 window.opener = null;
 window.open('','_self');
 window.close();
}

就可以了。

2、A页面元素有点复杂,带框架等:

需求:B页面想刷新A页面的

在B页面中的function中直接调用A页面中的function,拿最常见的A为列表页,B为新增页来说:

A页面里有个查询按钮,可以查出所有的列表,我们在B页面中就来触发这个function即可:

function close(){
 window.opener.queryAll(); //queryAll()为A页面的查询function
 window.close();
}

需要注意的是如果是同一页的frame A 跳到 frameB ,不是用opener,而是用parent

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript截取字符串(通过substring实现并支持中英文混合)
Jun 24 Javascript
js实现搜索框关键字智能匹配代码
Mar 26 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
Angular.js中$apply()和$digest()的深入理解
Oct 13 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 Javascript
Vue编写多地区选择组件
Aug 21 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
Mar 08 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
VuePress 中如何增加用户登录功能
Nov 29 Javascript
Vue使用Proxy代理后仍无法生效的解决
Nov 13 Javascript
Axios取消重复请求的方法实例详解
Jun 15 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 #Javascript
JS随机打乱数组的方法小结
Jun 22 #Javascript
JS产生随机数的几个用法详解
Jun 22 #Javascript
js与applet相互调用的方法
Jun 22 #Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 #Javascript
JS 日期与时间戮相互转化的简单实例
Jun 22 #Javascript
静态页面html中跳转传值的JS处理技巧
Jun 22 #Javascript
You might like
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
php cli 小技巧
2013/06/03 PHP
PHP获取日期对应星期、一周日期、星期开始与结束日期的方法
2018/06/22 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
javascript新手语法小结
2008/06/15 Javascript
Js 回车换行处理的办法及replace方法应用
2013/01/24 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
我的Node.js学习之路(四)--单元测试
2014/07/06 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
JavaScript中标识符提升问题
2015/06/11 Javascript
javaScript中的原型解析【推荐】
2016/05/05 Javascript
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
微信小程序之数据缓存的实例详解
2017/09/29 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
layui点击按钮添加可编辑的一行方法
2018/08/15 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
Python创建系统目录的方法
2015/03/11 Python
详细介绍Python函数中的默认参数
2015/03/30 Python
python使用webdriver爬取微信公众号
2018/08/31 Python
python try except 捕获所有异常的实例
2018/10/18 Python
Python 操作mysql数据库查询之fetchone(), fetchmany(), fetchall()用法示例
2019/10/17 Python
css3实现针线缝合效果(图解步骤)
2013/02/04 HTML / CSS
纯CSS3代码实现文字描边
2016/04/25 HTML / CSS
灰雀教学反思
2014/04/28 职场文书
道德之星事迹材料
2014/05/03 职场文书
行政助理岗位职责
2015/02/10 职场文书
医务人员医德考评自我评价
2015/03/03 职场文书
给下属加薪申请报告
2015/05/15 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
考教师资格证不要错过的4个最佳时机
2019/07/17 职场文书
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python
Golang流模式之grpc的四种数据流
2022/04/13 Golang
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers