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 相关文章推荐
splice slice区别
Oct 09 Javascript
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 Javascript
javascript实现浏览器窗口传递参数的方法
Sep 03 Javascript
js+html5实现canvas绘制简单矩形的方法
Jun 05 Javascript
浅谈javascript 函数表达式和函数声明的区别
Jan 05 Javascript
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
Aug 23 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
JS轮播图中缓动函数的封装
Nov 25 Javascript
js仿新浪微博消息发布功能
Feb 17 Javascript
vue实现图片按比例缩放问题操作
Aug 11 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 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
功能齐全的PHP发送邮件类代码附详细说明
2008/07/10 PHP
PHP XML操作的各种方法解析(比较详细)
2010/06/17 PHP
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
PHP将英文数字转换为阿拉伯数字实例讲解
2019/01/28 PHP
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
jquery 学习笔记一
2010/04/07 Javascript
JS 表单验证大全
2011/11/23 Javascript
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
2014/05/08 Javascript
JS清除选择内容的方法
2015/01/29 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
2015/03/04 Javascript
Javascript实现可旋转的圆圈实例代码
2015/08/04 Javascript
nodejs创建web服务器之hello world程序
2015/08/20 NodeJs
JavaScript实现数据类型的相互转换
2016/03/06 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
AngularJS中比较两个数组是否相同
2016/08/24 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
用Eclipse写python程序
2018/02/10 Python
python 基本数据类型占用内存空间大小的实例
2018/06/12 Python
PyCharm设置护眼背景色的方法
2018/10/29 Python
Flask中endpoint的理解(小结)
2019/12/11 Python
Python爬虫之Selenium库的使用方法
2021/01/03 Python
大学生写自荐信的技巧
2014/01/08 职场文书
小学生2014国庆节演讲稿:祖国在我心中
2014/09/21 职场文书
运动会广播稿200字
2015/08/19 职场文书
英镑符号 £
2022/02/17 杂记
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers