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学习笔记(十六) 系统对话框(alert、confirm、prompt)
Jun 20 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
浅析JS中document对象的一些重要属性
Mar 06 Javascript
javascript跨浏览器的属性判断方法
Mar 16 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
Angular2.js实现表单验证详解
Jun 23 Javascript
vue综合组件间的通信详解
Nov 06 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
深入解析Vue源码实例挂载与编译流程实现思路详解
May 05 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
Vue使用Proxy代理后仍无法生效的解决
Nov 13 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数据流应用的简单例子
2012/06/01 PHP
PHP Class&Object -- 解析PHP实现二叉树
2013/06/25 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
数组Array进行原型prototype扩展后带来的for in遍历问题
2010/02/07 Javascript
JavaScript Timer实现代码
2010/02/17 Javascript
小议Javascript中的this指针
2010/03/18 Javascript
基于JQuery.timer插件实现一个计时器
2010/04/25 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
js实现图片加载淡入淡出效果
2017/04/07 Javascript
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
js实现手机web图片左右滑动效果
2017/12/29 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
2018/05/13 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
Python算法输出1-9数组形成的结果为100的所有运算式
2017/11/03 Python
Python复制Word内容并使用格式设字体与大小实例代码
2018/01/22 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
Django框架视图介绍与使用详解
2019/07/18 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
如何基于Python实现电子邮件的发送
2019/12/16 Python
通过Python扫描代码关键字并进行预警的实现方法
2020/05/24 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
美国零售商店:Blue&Cream
2017/04/07 全球购物
安全检查管理制度
2014/02/02 职场文书
银行金融服务方案
2014/06/11 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
国庆节慰问信
2015/02/15 职场文书
义卖募捐活动总结
2015/05/09 职场文书
导游词之上饶龟峰
2019/10/25 职场文书
Python中的变量与常量
2021/11/11 Python
深入解读Java三大集合之map list set的用法
2021/11/11 Java/Android
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android