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 相关文章推荐
JQuery+JS实现仿百度搜索结果中关键字变色效果
Aug 02 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
学习javascript面向对象 理解javascript原型和原型链
Jan 04 Javascript
Windows系统下安装Node.js的步骤图文详解
Nov 15 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
npm国内镜像 安装失败的几种解决方案
Jun 04 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
Dec 15 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+MYSQL开发工具及资源收藏
2007/01/02 PHP
php下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
php URL验证正则表达式
2011/07/19 PHP
php接口数据加密、解密、验证签名
2015/03/12 PHP
Laravel学习教程之request validation的编写
2017/10/25 PHP
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
2012/07/03 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
Javascript实现Web颜色值转换
2015/02/05 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
JQuery实现鼠标移动图片显示描述层的方法
2015/06/25 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
javascript读取文本节点方法小结
2016/12/15 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
jquery animate动画持续运动的实例
2017/11/29 jQuery
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
详解关于React-Router4.0跳转不置顶解决方案
2019/05/10 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
python根据出生日期获得年龄的方法
2015/03/31 Python
Python Requests库基本用法示例
2018/08/20 Python
python实现合并多个list及合并多个django QuerySet的方法示例
2019/06/11 Python
如何基于Python实现电子邮件的发送
2019/12/16 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
法国二手MacBook销售网站:Okamac
2019/03/18 全球购物
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书
单方投资意向书
2015/05/11 职场文书
JavaScript实例 ODO List分析
2022/01/22 Javascript