Layui parent.layui.open弹框之Iframe 传值处理

介绍:Layui 弹框之Iframe传值处理

本人在使用到layui的iframe版 ,里面使用到了弹框 。
普通弹框:layui.open();
在这里插入图片描述
像这种传递值都没什么问题 , 子页面获取父页面值 或者父页面获取子页面值

全屏弹框:parent.layui.open()
在这里插入图片描述
但是像这种的话,继续使用官方提供的获取父页面值就没有办法获取了。 因为有多个iframe 如果使用parent.$("#") 获取元素的话是获取全局元素,没有办法获取到的。

我的想法

当使用parent.layui.open弹框时,将当前父页面对象传递过去 (" _this ")

解决 子页面 获取 父页面方法以及元素。

父页面

// 父页面
window.parent._admin = this;

子页面

// 1. 在parent.layui.open 打开的页面中获取父页面对象 
var admin = parent._admin;

// 2. 子页面调用父页面方法
admin.function();

// 3. 子页面获取父页面元素
admin.document.getElementById("id");
admin.document.getElementById("id").value;

上代码,看图片

父页面代码:
在这里插入图片描述

在这里插入图片描述

子页面代码:
在这里插入图片描述
在这里插入图片描述

原创作品,欢迎来讨论!

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值