layui怎么向iframe传数据

你可以通过以下步骤向 iframe 传递数据：

1. 获取 iframe 元素：

var iframe = document.getElementById('my-iframe');

2. 获取 iframe 的 window 对象：

var iframeWindow = iframe.contentWindow;

3. 向 iframe 的 window 对象发送消息：

iframeWindow.postMessage('hello', '*');

其中，第一个参数是要发送的消息，可以是字符串、数字、对象等。第二个参数是接收消息的窗口的 origin，用 * 表示任意域名。如果你知道接收消息的窗口的域名，最好指定为具体的域名，以增强安全性。

4. 在 iframe 内部监听消息：

window.addEventListener('message', function(event) {
  console.log(event.data); // 输出接收到的消息
});

在 iframe 内部监听 window 对象的 message 事件，当接收到消息时，可以通过 event.data 获取到消息内容。

相关问题

这个还会有父子页面，并且使用的是layui的iframe

在父子页面之间传递数据可以使用以下方法：

1. 在父页面中定义一个全局变量，然后在子页面中通过 `parent` 对象访问该变量。例如，在父页面中定义全局变量 `data`，在子页面中可以通过 `parent.data` 访问该变量。

2. 使用 `window.postMessage()` 方法进行跨域消息传递。在子页面中使用 `window.parent.postMessage()` 发送消息，然后在父页面中通过 `window.addEventListener('message', callback)` 监听消息，并且在回调函数中处理数据。

在使用 layui 的 iframe 时，可以在 iframe 中通过 `parent` 对象访问父页面中的变量和函数。例如，在子页面中可以通过 `parent.func()` 调用父页面中的函数，或者通过 `parent.data` 访问父页面中的变量。需要注意的是，如果父子页面处于不同的域名下，则需要使用 `window.postMessage()` 方法进行跨域消息传递。

layui iframe传值

在 layui中，可以通过url传递参数来实现iframe与父页面之间的数据传递。

在父页面中，可以使用以下代码来打开iframe并传递参数：

layui.use('layer', function(){
  var layer = layui.layer;
  layer.open({
    type: 2,
    title: 'iframe传值示例',
    shadeClose: true,
    shade: 0.8,
    area: ['800px', '600px'],
    content: 'iframe.html?id=123',
    end: function(){
      // 关闭时触发的回调函数
    }
  }); 
});

在iframe页面中，可以使用以下代码来获取父页面传递的参数：

var id = getUrlParam('id');
console.log(id);

function getUrlParam(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.parent.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
}

其中，getUrlParam()函数是用来获取url参数的函数，可以在其他项目中复用。