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实现快速排序(自已编写)
Dec 19 Javascript
解析js原生方法创建表格效率测试
Jul 08 Javascript
使用js修改客户端注册表的方法
Aug 09 Javascript
js封装可使用的构造函数继承用法分析
Jan 28 Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 Javascript
jQuery实现图像旋转动画效果
May 29 Javascript
用headjs来管理和加载js 提高网站加载速度
Nov 29 Javascript
JavaScript对象引用与赋值实例详解
Mar 15 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
Feb 08 Javascript
vue router 配置路由的方法
Jul 26 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
Apr 22 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 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中根据IP地址判断城市实现城市切换或跳转代码
2012/09/04 PHP
php实现文件下载更能介绍
2012/11/23 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
php实现根据url自动生成缩略图的方法
2014/09/23 PHP
详谈phpAdmin修改密码后拒绝访问的问题
2017/04/03 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
Javascript中arguments对象详解
2014/10/22 Javascript
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
2016/05/03 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
JS正则子匹配实例分析
2016/12/22 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
[01:01:01]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第一场 10.29
2020/10/29 DOTA
python使用win32com库播放mp3文件的方法
2015/05/30 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
python视频按帧截取图片工具
2019/07/23 Python
在python中修改.properties文件的操作
2020/04/08 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
班主任工作年限证明
2014/01/12 职场文书
党的群众路线教育实践活动批评与自我批评
2014/02/16 职场文书
电子商务专业求职信
2014/03/08 职场文书
《北大荒的秋天》教学反思
2014/04/14 职场文书
外联部演讲稿
2014/05/24 职场文书
地道战观后感300字
2015/06/04 职场文书
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python