layui框架中layer父子页面相互交互的方法

发表于：2021-11-15 15:55:46浏览：2647次TAG： #layui #父子页面

这篇文章主要介绍了layui框架中layer父子页面交互的方法，结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法，需要的开发者可以参考下。具体如下：

当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(); // 父页面刷新

希望本文所述对大家基于layui框架的程序设计有所帮助。

栏目分类全部>