layui弹出层怎么获取父页面的值

要在弹出层中获取父页面的值，可以通过以下几种方式进行操作：

1. 使用localStorage： 在父页面中将需要传递的值存储到localStorage中，然后在弹出层中使用window.parent.localStorage.getItem()方法获取父页面的值。

父页面：

localStorage.setItem('data', '父页面的值'); 

弹出层：

var data = window.parent.localStorage.getItem('data'); console.log(data); // 输出：父页面的值 

2. 使用URL参数传递： 在打开弹出层时，将需要传递的值作为URL参数传递到弹出层的URL中，然后在弹出层中使用window.location.search获取URL参数。

父页面：

var data = '父页面的值'; window.open('popup.html?data=' + encodeURIComponent(data)); 

弹出层（popup.html）：

var urlParams = new URLSearchParams(window.location.search); var data = urlParams.get('data'); console.log(decodeURIComponent(data)); // 输出：父页面的值 

3. 使用window.opener： 在弹出层中使用window.opener来获取父页面的window对象，然后通过window.opener.document.getElementById()等方法获取父页面元素的值。

父页面：

<input type="text" id="data" value="父页面的值"> 

弹出层：

var data = window.opener.document.getElementById('data').value; console.log(data); // 输出：父页面的值 

以上是几种常见的获取父页面值的方法，根据实际情况选择适合自己的方式。