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 相关文章推荐
setTimeout的延时为0时多个浏览器的区别
May 23 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
js动态切换图片的方法
Jan 20 Javascript
js通过iframe加载外部网页的实现代码
Apr 05 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
Vue 过滤器filters及基本用法
Dec 26 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
vue+axios全局添加请求头和参数操作
Jul 24 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算法实例分享
2015/07/14 PHP
php实现水印文字和缩略图的方法示例
2016/12/29 PHP
php压缩文件夹最新版
2018/07/18 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
验证手机号码的JS方法分享
2013/09/10 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
原生js实现轮播图的示例代码
2017/02/20 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
2018/07/05 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
使用Vue实现调用接口加载页面初始数据
2019/10/28 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
python实现BackPropagation算法
2017/12/14 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
html5指南-5.使用web storage存储键值对的数据
2013/01/07 HTML / CSS
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
Linux操作面试题
2015/02/11 面试题
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
外贸员简历中的自我评价
2014/03/04 职场文书
企业挂职心得体会
2014/09/10 职场文书
我的中国梦主题教育活动总结
2015/05/07 职场文书
大学团日活动总结书
2015/05/11 职场文书
毕业设计答辩开场白
2015/05/29 职场文书