html父页面向子页面传值(layui获取父页面表格数据填入子页面中)

场景：父页面为第一级栏目的列表展示数据，子页面为父页面对应栏目页下面的详细数据，用户通过点击父页面每一行的“查看详细”按钮触发弹窗， 弹窗进行数据展示，弹窗效果用的layer.open，子页面为一个单独的detail页面，所以父子页面需要传递唯一值来进行数据展示

父页面代码

table.on('tool(test)', function(obj){        
                 if(obj.event === 'edit'){
                  var data=obj.data;
                    layer.open({
                        area:['800px','600px'],
                        type: 2,
                        content: '/html/product-changed.html', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
                        success: function(layero, index){
                           
                            //获取子窗口
                            var iframeWin = window[layero.find('iframe')[0]["name"]];
                            //调用子窗口函数
                            iframeWin.child(data);
                        }
                    });
             }
            });

子页面写入函数

 <script type="text/javascript">
        function child(data){
            //获取节点对象

            $("#id").val(data.id);
            $("#productnum").val(data.productnum);
            $("#productname").val(data.productname);
            $("#cityname").val(data.cityname);
            $("#departuretime").val(data.departuretime);
            $("#productprice").val(data.productprice);
            $("#productdesc").val(data.productdesc);
            $("#productstatus").val(data.productstatus);
        }
    </script>