layui子页面向父页面传值问题

Question

在使用layui页面传值时我将子页面words值传给父页面words使用这段代码window.parent.words=words;
在直接使用本地文件url测试时没有问题但是部署上服务器后父页面就无法获取到这个words值，而且也没有报错只是无法接收到子页面传来的words值，请问是出现了什么问题。使用的是layer的iframe层，传导到子页面。

Answer 1

可能是由于跨域问题或者安全策略限制导致的。当你在本地测试时，浏览器可能不会对同源策略做严格的检查，但是在部署到服务器上后，由于域名、端口或协议（http vs https）的不同，可能会导致跨域问题。

有几种可能的解决方案：

确保同源策略：如果可能的话，确保你的子页面和父页面在同一个域名、端口和协议下。这样，浏览器就不会阻止跨域通信。
使用postMessage：window.parent.words = words; 这种方式依赖于浏览器的直接访问权限，如果因为同源策略或其他安全限制被阻止，你可以尝试使用 window.parent.postMessage(words, '*'); 来发送数据。然后在父页面中监听 message 事件来接收数据。