如何通过layer.open组件获取弹出层页面变量及函数实例？

本文共计617个文字，预计阅读时间需要3分钟。

最近做项目时遇到一个问题：使用layer.open组件弹出层，需要将弹出的层抽取成一个单独的公共页面。由于需要在主页面获取弹出层页面的相关变量或函数值，所以需要解决如何在主页面中获取弹出层页面变量或函数值的问题。

解决方案如下：

1. 在弹出层页面中，定义一个全局变量或函数，用于存储需要传递给主页面的数据。

2.在弹出层页面关闭时，将全局变量或函数的值传递给主页面。

3.在主页面中，定义一个函数用于接收弹出层页面传递过来的数据。

示例代码如下：

弹出层页面：

javascript

// 定义一个全局变量用于存储数据var data={ // ...};

// 弹出层关闭时，将数据传递给主页面layer.closeAll(function(){ // 调用主页面中的接收函数 parent.getLayerData(data);});

主页面：

javascript// 定义一个接收函数，用于接收弹出层页面传递过来的数据function getLayerData(data){ // 处理接收到的数据 // ...}

这样，当弹出层关闭时，主页面中的getLayerData函数就会接收到弹出层页面传递过来的数据。

最近做项目遇到个问题

使用layer.open组件弹出层,需要将该弹出层抽取城单独的公共页面，因此需要在主页面获取弹出层页面的相关变量或者函数值。

记录下解决办法。

先来看layer.open函数

再来看弹出层URL对应的页面关键代码

将表单序列化成JS对象的函数是自己封装的一个JS函数,这里就不细说了,也可以自己手动定义个JS对象,自己给该对象添加属性

最后来看主页面调用方式

打印回调函数接收的变量可以看到,获取到弹出层内用户操作的相关数据。

最后,其实关键点就在于获取ifream中指定变量或者函数的这个方法

$(layero).find("iframe")[0].contentWindow.formData();

完毕！

以上这篇layer.open组件获取弹出层页面变量、函数的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。