父页面中创建一个按钮 id=“Demo” 点击事件触发 弹出层
<input type="button" id="Demo">
$('#Demo').off('click').on('click', (e)=>{
layer.open({
title: '选择商品',
type: 2,
area: ['70%', '600px'],
content: 'Chuan.html',
btn: ['取回'],
yes: function(index, layero) {
var frameId = $(layero).find("iframe").attr('id'); //父页面获取子页面的iframe
var data = JSON.parse($(window.frames[frameId].document).find("#list").val()); //父页面获取子页面指定的id数据
layer.close(index);
tabList = data;
tabObj();
}
});
e.stopPropagation();
})
主要实现的思路是 在子页面中创建一个 <input type="hidden" id="list" /> 存放数据 当弹出层点击取回按钮时 触发yes事件 父页面获取list中的参数.