layui框架中layer父子页面相互交互的方法
发表于:2021-11-15 15:55:46浏览:2431次
这篇文章主要介绍了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框架的程序设计有所帮助。
推荐文章
- Vue history模式下实现微信授权登录
- 用phpqrcode轻松生成二维码,可自带logo
- 微软推出VS Code PowerShell的重大更新 PowerShell 引擎的彻底改造
- PHP将透明图片(PNG)合并到JPG背景图片上,实现PNG透明的效果
- aliplayer播放器,TcPlayer播放器,xgplayer播放器三款大厂的视频直播播放器对比
- 企业数字化、信息化是发展的必然趋势,常见的企业信息化、数字化系统有哪些?
- 开源免费的企业办公系统,勾股OA2.0发布
- 前端报错:was loaded over HTTPS, but requested an insecure错误解决方案
- javascript对字符串的切割截取方法集合
- Element-plus,动态添加图标的方式