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和注册表脚本实现右键收藏Web页选中文本
Jan 28 Javascript
用document.documentElement取代document.body的原因分析
Nov 12 Javascript
Jquery 模板数据绑定插件的使用方法详解
Jul 08 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 Javascript
jquery限定文本框只能输入数字(整数和小数)
Jan 08 Javascript
Javascript类型系统之undefined和null浅析
Jul 13 Javascript
vue 下列表侧滑操作实例代码详解
Jul 24 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
Sep 30 Javascript
vue中的面包屑导航组件实例代码
Jul 01 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
无数据库的详细域名查询程序PHP版(1)
2006/10/09 PHP
PHP中常用数组处理方法实例分析
2008/08/30 PHP
php截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
2016/06/03 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
node.js平台下的mysql数据库配置及连接
2017/03/31 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
2017/07/15 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
Flask SQLAlchemy一对一,一对多的使用方法实践
2013/02/10 Python
python使用htmllib分析网页内容的方法
2015/05/08 Python
Python编程中对文件和存储器的读写示例
2016/01/25 Python
python3+PyQt5实现自定义流体混合窗口部件
2018/04/24 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
Python 生成一个从0到n个数字的列表4种方法小结
2019/11/28 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
车间操作工岗位职责
2013/12/19 职场文书
目标责任书范本
2014/04/16 职场文书
涨价通知
2015/04/23 职场文书
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript