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 相关文章推荐
window.open的功能全解析
Oct 10 Javascript
不用MOUSEMOVE也能滑动啊
May 23 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 Javascript
Jquery中children与find之间的区别详细解析
Nov 29 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
Mar 12 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
JavaScript中的闭包
Feb 24 Javascript
值得分享的JavaScript实现图片轮播组件
Nov 21 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
May 10 Javascript
详解Node.js开发中的express-session
May 19 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
Jul 17 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 HTML代码串截取代码
2008/12/29 PHP
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
js 匿名调用实现代码
2009/06/19 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
浅谈JavaScript实现面向对象中的类
2014/12/09 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
jquery实现界面无刷新加载登陆注册
2016/07/30 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
2017/01/26 Javascript
jQuery实现下拉菜单的实例代码
2017/06/19 jQuery
bootstrap中selectpicker下拉框使用方法实例
2018/03/22 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
vue移动端写的拖拽功能示例代码
2020/09/09 Javascript
原生js实现自定义消息提示框
2020/11/19 Javascript
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
Python中如何导入类示例详解
2019/04/17 Python
如何获取Python简单for循环索引
2019/11/21 Python
Python range与enumerate函数区别解析
2020/02/28 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
详解淘宝H5 sign加密算法
2020/08/25 HTML / CSS
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
Janie and Jack美国官网:GAP旗下的高档童装品牌
2019/09/09 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
员工工作表扬信范文
2014/01/13 职场文书
法人委托书范本
2014/04/04 职场文书
《孔繁森》教学反思
2014/04/17 职场文书
2014单位领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
python中pandas.read_csv()函数的深入讲解
2021/03/29 Python
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python
雄兵连:第三季先行图公开,天使恶魔联合,银河之力的新力量
2021/06/11 国漫
java实现对Hadoop的操作
2021/07/01 Java/Android