layui框架中layer父子页面交互的方法分析
layui框架是一款流行的前端框架，layer是其中的一个插件，提供了 弹出层、iframe窗口、多个iframe窗口等功能。layer父子页面交互是指在layer弹出多个iframe窗口中，如何在子页面中访问父页面的元素和函数，如何从子页面执行刷新父页面操作，如何关闭弹出的子页面窗口等问题。
一、访问父页面元素值
在子页面中，可以使用parent对象来访问父页面的元素值，例如：
```javascript
var parentId = parent.$("#id").val();
```
这将获取父页面中的元素值。
二、访问父页面方法
在子页面中，也可以使用parent对象来访问父页面的方法，例如：
```javascript
var parentMethodValue = parent.getMethodValue();
```
这将调用父页面中的方法。
三、如何关闭弹出的子页面窗口
在子页面中，可以使用parent对象来关闭弹出的子页面窗口，例如：
```javascript
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
```
这将关闭当前的子页面窗口。
四、如何从子页面执行刷新父页面操作
在子页面中，可以使用parent对象来刷新父页面，例如：
```javascript
parent.location.reload();
```
这将刷新父页面。
五、layer弹出多个iframe找到父页面的方法
在layer弹出多个iframe窗口中，如何找到父页面的方法？可以使用以下方式：
```javascript
function aa(){
var index = parent.layer.getFrameIndex(window.name);
var iframeName = 'layui-layer-iframe'+index;
openDialog1('选择XXX', '${ctx}/*,'800px', '500px',iframeName);
}
```
这将弹出一个新的iframe窗口，并将其命名为layui-layer-iframe+index。
六、子页面回调方法
在子页面中，可以定义回调方法，例如：
```javascript
function addRecord(name,chainName){
alert(name);
}
```
这将在子页面中执行回调方法。
七、如何在子页面中执行父页面的方法
在子页面中，可以使用top对象来执行父页面的方法，例如：
```javascript
function doSubmit(iframeName) {
var sel=$("tbody tr td input.i-checks:checked");
var size = sel.size();
if(size==0){
top.layer.alert('请至少选择一条数据!', {
icon: 0
});
}
// ...
}
```
这将在子页面中执行父页面的方法。
layui框架中layer父子页面交互的方法分析提供了多种方法来实现父子页面之间的交互，包括访问父页面元素值、访问父页面方法、关闭弹出的子页面窗口、刷新父页面、layer弹出多个iframe找到父页面的方法等。这些方法可以帮助开发者更好地实现layer父子页面交互的功能。
