在iframe跨域状态下，子页面如何读取父页面的localstrage

在 iframe 跨域状态下，子页面无法直接访问父页面的 localStorage，因为 localStorage 的访问受到同源策略的限制。

但是，可以通过跨域通信技术（如 postMessage）将数据传递给子页面，然后在子页面中使用 JavaScript 访问本地存储。具体步骤如下：

1. 在父页面中，将需要传递给子页面的数据存储在 localStorage 中。

2. 在父页面中，使用 postMessage 方法向子页面发送消息，将需要传递给子页面的数据和 origin（子页面的域名）一起发送。

   var data = localStorage.getItem('data');
   var origin = 'http://子页面的域名';
   window.parent.postMessage(data, origin);

3. 在子页面中，监听父页面的消息，当收到消息时，从 event.data 中获取数据，然后使用 JavaScript 访问本地存储。

   window.addEventListener('message', function(event) {
     if (event.origin !== 'http://父页面的域名') return;
     var data = event.data;
     var value = localStorage.getItem(data);
     // 使用 value 进行其他操作
   });

需要注意的是，必须在父页面和子页面中都进行相应的处理，以确保数据能够正确地传递和保存。此外，需要注意安全性问题，确保只有合法的页面才能访问本地存储中的数据。