layui框架中layer父子页面相互交互的方法
发表于:2021-11-15 15:55:46浏览:2839次
这篇文章主要介绍了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框架的程序设计有所帮助。
推荐文章
- 12款开源JavaScript 流程图组件推荐
- jquery表单input、select、radio、check监听事件集合
- 炫酷的HTML5+CSS3实现的加载动画 loading 效果收集
- ThinkPHP6多条件搜索查询,表达式查询 FIND_IN_SET查询
- 日常开发中,关于双token机制的介绍及双token的优点
- PHP实现今天、昨天 、本周、上周、本月、上月、本季度等方法
- 企业OA系统开发一般需要多久?开发费用怎样?
- 微软Edge浏览器在100版本里程碑之前的最后一个稳定版Edge99发布
- IE11将停用并停止支持,此后IE正式谢幕,Edge接棒
- tinnkphp6使用腾讯地图API获取客户的当前位置(城市,经纬度)