layer.open 子页面弹出层向父页面传输数据的例子


Posted in Javascript onSeptember 26, 2019

子页面向父页面传数据,利用弹出页面点击确定时返回的参数,即yes:function(index,layero){}的layero。

关键就一句:

var obj = $(layero).find("iframe")[0].contentWindow;

obj可以调用子页面的方法,这样就可以通过子页面传递数据了。

$('#addQuota').on('click',function(){
  layer.open({
 type : 2,
 title : "子页面",
 resize : true,
 shadeClose : false,
 shade : 0,
 maxmin : false,
 area : ['590px','380px'],
 content : url,
 btn: '确定',
 yes:function(index,layero){
 var obj = $(layero).find("iframe")[0].contentWindow; //obj可以调用子页面的任何方法
 }
 });
 });

以上这篇layer.open 子页面弹出层向父页面传输数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 Javascript
辨析JavaScript中的Undefined类型与null类型
May 26 Javascript
JS判断字符串变量是否含有某个字串的实现方法
Jun 03 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
js canvas实现简单的图像扩散效果
Jun 28 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
javascript中UMD规范的代码推演
Aug 29 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
Jan 20 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 Javascript
Vue项目环境搭建详细总结
Sep 26 #Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 #Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 #Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 #Javascript
对Layer弹窗使用及返回数据接收的实例详解
Sep 26 #Javascript
Vue 刷新当前路由的实现代码
Sep 26 #Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 #Javascript
You might like
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
php strstr查找字符串中是否包含某些字符的查找函数
2010/06/03 PHP
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
php入门学习知识点二 PHP简单的分页过程与原理
2011/07/14 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
JS定时器实例
2013/04/17 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
JavaScript易错知识点整理
2016/12/05 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
2017/03/04 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
Python实现远程调用MetaSploit的方法
2014/08/22 Python
Python快速从注释生成文档的方法
2016/12/26 Python
python版简单工厂模式
2017/10/16 Python
python中for用来遍历range函数的方法
2018/06/08 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
Python 转换文本编码实现解析
2019/08/27 Python
python生成并处理uuid的实现方式
2020/03/03 Python
Python生成器常见问题及解决方案
2020/03/21 Python
详解CSS3 弹性布局快速入门
2019/06/06 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
西部世纪.net笔试题面试题
2014/04/03 面试题
简单的大学生自我鉴定
2014/02/18 职场文书
中西医专业毕业生职业规划书
2014/02/24 职场文书
工厂标语大全
2014/10/06 职场文书
预备党员自我批评思想汇报
2014/10/10 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
2016年共产党员个人承诺书
2016/03/24 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
Python中22个万用公式的小结
2021/07/21 Python
JS实现简单九宫格抽奖
2022/06/28 Javascript