如何在iframe中通过localStorage获取和设置项目

// 获取项目
iframe.contentWindow.postMessage({ action: 'get', key: 'projectKey' }, 'https://example.com/iframe.html');

// 设置项目
iframe.contentWindow.postMessage({ action: 'set', key: 'projectKey', value: 'projectValue' }, 'https://example.com/iframe.html');

window.addEventListener('message', function(event) {
  // 验证消息来源
  if (event.origin !== 'https://example.com') return;

  // 解析消息数据
  var data = event.data;

  // 根据指令执行对应操作
  if (data.action === 'get') {
    var projectValue = localStorage.getItem(data.key);
    // 将结果发送回父窗口
    event.source.postMessage({ action: 'get', key: data.key, value: projectValue }, event.origin);
  } else if (data.action === 'set') {
    localStorage.setItem(data.key, data.value);
    // 将操作成功消息发送回父窗口
    event.source.postMessage({ action: 'set', key: data.key, value: data.value }, event.origin);
  }
});

window.addEventListener('message', function(event) {
  // 验证消息来源
  if (event.origin !== 'https://example.com') return;

  // 解析消息数据
  var data = event.data;

  // 根据响应处理结果
  if (data.action === 'get') {
    var projectValue = data.value;
    // 处理获取到的项目值
    console.log('获取到的项目值为:', projectValue);
  } else if (data.action === 'set') {
    // 处理设置项目成功的消息
    console.log('项目设置成功:', data.key, '=', data.value);
  }
});