layer弹出框架类型的页面如何进行（父子传值《=》子父传值）

如果在父窗口中弹出一个层，但是层的类型是iframe类型，传值的方式有如下这些：

以父子传值：

1，在父窗口中直接操作子页面的函数，将父页面的数据作为参数，然后传入子页面的方法，执行子页面的方法例如：

父页面：

在弹出的子页面中定义好该函数:

子页面

这样父页面直接调用子页面的时候就将参数传递到了子页面了的。

 

2，参数传递方式，直接在弹出的页面路径中传递参数（引用原博文的地址https://blog.csdn.net/weixin_34117522/article/details/88955719），例如：

父页面

子页面

 

3，直接在父页面操作子页面的结构，直接将参数写入到子页面上，即在父页面完成对子页面的渲染，与第一种类似

父页面

子页面即效果图：

上述总结博文参考出处：https://blog.csdn.net/LuciferMS/article/details/78394013

 

二，子父传值

如果父页面需要获取子页面的数据的时候，需要怎么拿到呢

方法1：正在开发的车联网项目用到了layer API。当我在开发“新建电子围栏”的时候需要弹出地图，用户在地图中画一个区域，最后将这个弹出层的数据返回给原页面。下面是我的实现过程：

父页面：

子页面：

 

上面的代码就是弹出层里面的JavaScript代码，里面定义了函数'callbackdata' 用来返回值给调用弹出层的页面。

当我们点击弹出层的“确定”按钮的时候，就可以通过'callbackdata'函数获取弹出层的返回值：

经验总结的博文参考出处：https://www.jb51.net/article/145941.htm