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 相关文章推荐
用jscript实现新建word文档
Jun 15 Javascript
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 Javascript
JQuery each打印JS对象的方法
Nov 13 Javascript
PHP 数组current和next用法分享
Mar 05 Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
Mar 14 Javascript
关于foreach循环中遇到的问题小结
May 08 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 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
一个用于MySQL的PHP XML类
2006/10/09 PHP
修改Laravel5.3中的路由文件与路径
2016/08/10 PHP
php实现PDO中捕获SQL语句错误的方法
2017/02/16 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
jquery实现点击消失的代码
2014/03/03 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
针对JavaScript中this指向的简单理解
2016/08/26 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
mpvue将vue项目转换为小程序
2018/09/30 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
javascript面向对象三大特征之多态实例详解
2019/07/24 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
python enumerate函数的使用方法总结
2017/11/15 Python
Python3+Appium实现多台移动设备操作的方法
2019/07/05 Python
python argparser的具体使用
2019/11/10 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
Python sublime安装及配置过程详解
2020/06/29 Python
python如何安装下载后的模块
2020/07/03 Python
html5如何及时更新缓存文件(js、css或图片)
2013/06/24 HTML / CSS
军训考核自我鉴定
2014/02/13 职场文书
生日礼品店创业计划书范文
2014/03/21 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
导游词400字
2015/02/13 职场文书
新郎结婚保证书
2015/02/26 职场文书
初一年级组工作总结
2015/08/12 职场文书
如何书写民事调解协议书?
2019/06/25 职场文书
golang中字符串MD5生成方式总结
2021/07/04 Golang
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js