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 相关文章推荐
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
Apr 28 Javascript
Javascript异步编程模型Promise模式详细介绍
May 08 Javascript
jquery 取子节点及当前节点属性值
Jul 25 Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
Mar 24 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 Javascript
整理一下常见的IE错误
Nov 18 Javascript
js使用generator函数同步执行ajax任务
Sep 05 Javascript
vue2.0.js的多级联动选择器实现方法
Feb 09 Javascript
小程序从手动埋点到自动埋点的实现方法
Jan 24 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 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
怎么样可以把 phpinfo()屏蔽掉?
2006/11/24 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
PHP SPL标准库之数据结构栈(SplStack)介绍
2015/05/12 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
超级兔子让浮动层消失的前因后果
2007/03/09 Javascript
javascript中日期转换成时间戳的小例子
2013/03/21 Javascript
ie与ff下的event事件使用介绍
2013/11/25 Javascript
confirm的用法示例用于按钮操作时确定是否执行
2014/06/19 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
JavaScript数组方法总结分析
2016/05/06 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
python错误:AttributeError: 'module' object has no attribute 'setdefaultencoding'问题的解决方法
2014/08/22 Python
修复 Django migration 时遇到的问题解决
2018/06/14 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
python实现图片筛选程序
2018/10/24 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
Python将列表数据写入文件(txt, csv,excel)
2019/04/03 Python
Python将文字转成语音并读出来的实例详解
2019/07/15 Python
浅析Python3 pip换源问题
2020/01/06 Python
哪些是python中web开发框架
2020/06/17 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
Window10上Tensorflow的安装(CPU和GPU版本)
2020/12/15 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
索桥的故事教学反思
2014/02/06 职场文书
五四青年节演讲稿
2014/05/26 职场文书
聘用意向书
2014/07/29 职场文书
新闻通讯稿范文
2015/07/22 职场文书
回门宴新娘答谢词
2015/09/29 职场文书
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang
Python办公自动化解决world文件批量转换
2021/09/15 Python