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 相关文章推荐
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
Jan 08 Javascript
json对象转字符串如何实现
Dec 02 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
JavaScript的strict模式与with关键字介绍
Feb 08 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
Jun 20 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
Apr 27 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
Jun 17 Javascript
深入浅析JavaScript中的in关键字和for-in循环
Apr 20 Javascript
React 条件渲染最佳实践小结(7种)
Sep 27 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链接MySQL的常用扩展函数
2014/10/23 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
js查找父节点的简单方法
2008/06/28 Javascript
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
学习JavaScript正则表达式
2015/11/13 Javascript
url传递的参数值中包含&时,url自动截断问题的解决方法
2016/08/02 Javascript
JS实现HTML表格排序功能
2016/08/05 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
AngularJS 与百度地图的结合实例
2016/10/20 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
2016/11/08 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
react以create-react-app为基础创建项目
2018/03/14 Javascript
jQuery实现的简单获取索引功能示例
2018/06/04 jQuery
[46:43]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第二局
2016/03/02 DOTA
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
python提取照片坐标信息的实例代码
2019/08/14 Python
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
小学模范班主任事迹材料
2014/05/13 职场文书
出租房屋协议书
2014/09/14 职场文书
中学生运动会通讯稿大全
2014/09/18 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
抢劫罪辩护词
2015/05/21 职场文书
《搭石》教学反思
2016/02/18 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书
详解使用内网穿透工具Ngrok代理本地服务
2022/03/31 Servers
详解SQL报错盲注
2022/07/23 SQL Server