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将从数据库中读取出来的日期型格式化为想要的类型。
Aug 15 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
May 08 Javascript
js操作模态窗口及父子窗口间相互传值示例
Jun 09 Javascript
JavaScript中的立即执行函数表达式介绍
Mar 15 Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
AngularJS 的$timeout服务示例代码
Sep 21 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
element-ui 时间选择器限制范围的实现(随动)
Jan 09 Javascript
微信小程序 WXML节点信息查询详解
Jul 29 Javascript
vue实现登录拦截
Jun 29 Javascript
vant自定义二级菜单操作
Nov 02 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
德劲1104的电路分析与改良
2021/03/01 无线电
PHP封装CURL扩展类实例
2015/07/28 PHP
php curl中gzip的压缩性能测试实例分析
2016/11/08 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
用JS实现的一个include函数
2007/07/21 Javascript
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
基于Jquery制作的幻灯片图集效果打包下载
2011/02/12 Javascript
JavaScript中最简洁的编码html字符串的方法
2014/10/11 Javascript
jQuery中replaceAll()方法用法实例
2015/01/16 Javascript
JavaScript中Function函数与Object对象的关系
2015/12/17 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
基于Marquee.js插件实现的跑马灯效果示例
2017/01/25 Javascript
nodejs个人博客开发第二步 入口文件
2017/04/12 NodeJs
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
vue设置一开始进入的页面教程
2019/10/28 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
[01:12]DOTA2 2015年秋季互动指南
2015/11/10 DOTA
Python文件和目录操作详解
2015/02/08 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
Python识别处理照片中的条形码
2020/11/16 Python
Farfetch巴西官网:奢侈品牌时尚购物平台
2020/10/19 全球购物
JAVA软件工程师测试题
2014/07/25 面试题
警察正风肃纪剖析材料
2014/10/16 职场文书
辩论会主持词
2015/07/03 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
高考百日冲刺决心书
2015/09/23 职场文书
熟背这些句子,让您的英语口语突飞猛进(135句)
2019/09/06 职场文书
vue组件的路由高亮问题解决方法
2021/05/11 Vue.js
Python语言规范之Pylint的详细用法
2021/06/24 Python
python unittest单元测试的步骤分析
2021/08/02 Python
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技