layer.open 子页面弹出层向父页面传输数据

最新推荐文章于 2023-12-05 16:31:51 发布

置顶 LonlySnow

最新推荐文章于 2023-12-05 16:31:51 发布

阅读量1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：杂七杂八小功能文章标签： layer 传参弹出层

本文链接：https://blog.youkuaiyun.com/piaoyinluo2316/article/details/84034706

杂七杂八小功能专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在子页面向父页面传递数据的技巧，利用layer弹窗组件的特性，在点击确定按钮时，通过iframe获取子页面窗口对象，从而调用子页面的方法实现数据传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

子页面向父页面传数据，利用弹出页面点击确定时返回的参数，即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可以调用子页面的任何方法
				}
			});
	   });