layui框架中layer父子页面相互交互的方法
发表于:2021-11-15 15:55:46浏览:3730次
这篇文章主要介绍了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框架的程序设计有所帮助。
推荐文章
- ThinkPHP6接入阿里云短信实战:阿里云短信验证码登录
- 推荐:腾讯开源的Markdown编辑器,轻量简洁、易扩展,开箱即用
- 图片变形处理,可设置CSS属性object-fit: cover完美解决
- Thinkphp6获取请求的模块名、类名和方法名的方式
- Markdown编辑器Editor.md,实现粘贴图片上传,拖拽文件上传
- 12个适合开发后台管理系统的前端框架,建议收藏
- thinkphp6命令行介绍及常规使用
- PHP中的public,static,private,protected,final,const,abstract解析与区别
- 使用HTML Purifier在thinkphp6中过滤富文本&防止XSS攻击
- 烦人啊!微信总是弹出企业微信邀请信息,怎么关闭通知?

