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 相关文章推荐
Exjs 入门篇
Apr 07 Javascript
关于JavaScript中var声明变量作用域的推断
Dec 16 Javascript
javascript jscroll模拟html元素滚动条
Dec 18 Javascript
JS打开新窗口的2种方式
Apr 18 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
jQuery Ajax全解析
Feb 13 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
详解Node.js读写中文内容文件操作
Oct 10 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 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
怎样辨别一杯好咖啡
2021/03/03 新手入门
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
PHP实现生成唯一会员卡号
2015/08/24 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
PHP大文件分块上传功能实例详解
2019/07/22 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
xtree.js 代码
2007/03/13 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
node.js中的fs.lstatSync方法使用说明
2014/12/16 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
2015/04/06 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
vuex实现简易计数器
2016/10/27 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
分享Bootstrap简单表格、表单、登录页面
2017/08/04 Javascript
彻底揭秘keep-alive原理(小结)
2019/05/05 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
详解pandas DataFrame的查询方法(loc,iloc,at,iat,ix的用法和区别)
2019/08/02 Python
python下载库的步骤方法
2019/10/12 Python
Python基于httpx模块实现发送请求
2020/07/07 Python
python如何导入依赖包
2020/07/13 Python
html5使用canvas实现图片下载功能的示例代码
2017/08/26 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
Sasa莎莎海外旗舰店:香港莎莎美妆平台
2018/03/21 全球购物
承诺书样本
2014/08/30 职场文书
初中毕业生感言
2015/07/31 职场文书
收音机爱好者玩机13年,简评其使用过的19台收音机
2022/04/30 无线电