layui如何获取父节点的父节点_layui框架中layer父子页面交互详解

本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下，希望能帮助到大家。

本文实例讲述了layui框架中layer父子页面交互的方法。分享给大家供大家参考，具体如下：

layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/可以从官网上下载最新版本。

当layer以iframe层的方式弹出新的窗口(子页面)，如何在子页面中访问父页面的元素和函数。

1、访问父页面元素值var parentId=parent.$("#id").val();//访问父页面元素值

2、访问父页面方法var parentMethodValue=parent.getMethodValue();//访问父页面方法

3、如何关闭弹出的子页面窗口var index = parent.layer.getFrameIndex(window.name); //获取窗口索引

parent.layer.close(index);//关闭弹出的子页面窗口

4、如何从子页面执行刷新父页面操作parent.location.reload(); // 父页面刷新

附：layer弹出多个iframe找到父页面的方法

父页面：function aa(){

var index = parent.layer.getFrameIndex(window.name);

var iframeName = 'layui-layer-iframe'+index;

openDialog1('选择XXX', '${ctx}/*****