您的当前位置:首页>全部文章>文章详情

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

发表于:2021-11-15 15:55:46浏览:712次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框架的程序设计有所帮助。