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操纵Cookie实现购物车程序
Feb 15 Javascript
JS中判断null、undefined与NaN的方法
Mar 24 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
jQuery实现区域打印功能代码详解
Jun 17 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
利用vue实现模态框组件
Dec 19 Javascript
JavaScript生成图形验证码
Aug 24 Javascript
bootstrap select下拉搜索插件使用方法详解
Nov 23 Javascript
代码详解javascript模块加载器
Mar 04 Javascript
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
基于ts的动态接口数据配置的详解
Dec 18 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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
php 对输入信息的进行安全过滤的函数代码
2012/06/29 PHP
解析php防止form重复提交的方法
2013/07/01 PHP
ThinkPHP路由详解
2015/07/27 PHP
Laravel 默认邮箱登录改成用户名登录的实现方法
2019/08/12 PHP
jquery.AutoComplete.js中文修正版(支持firefox)
2010/04/09 Javascript
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
一个JavaScript处理textarea中的字符成每一行实例
2014/09/22 Javascript
JavaScript文档碎片操作实例分析
2015/12/12 Javascript
微信小程序开发之toast等弹框提示使用教程
2017/06/08 Javascript
关于react中组件通信的几种方式详解
2017/12/10 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
2018/12/07 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
python下paramiko模块实现ssh连接登录Linux服务器
2015/06/03 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
浙江文明网签名寄语
2014/01/18 职场文书
期末自我鉴定
2014/01/23 职场文书
关于逃课的检讨书
2014/01/23 职场文书
优秀求职信范文分享
2014/01/26 职场文书
京剧自荐信
2014/01/26 职场文书
人力资源专员岗位职责
2014/01/30 职场文书
《雨点儿》教学反思
2014/04/14 职场文书
捐献物资倡议书范文
2014/05/19 职场文书
中文专业自荐书
2014/06/29 职场文书
歼十出击观后感
2015/06/11 职场文书
写作技巧:如何撰写商业计划书
2019/08/08 职场文书
SQL Server删除表中的重复数据
2022/05/25 SQL Server