js 跨html

// 设置数据
localStorage.setItem('key', 'value');

// 获取数据
const value = localStorage.getItem('key');

// 设置cookie
document.cookie = "key=value; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

// 读取cookie
const cookies = document.cookie.split(';').map(cookie => cookie.trim());
cookies.forEach(cookie => {
  const [name, value] = cookie.split('=');
  if (name === 'key') {
    console.log(value);
  }
});

// 发送消息
window.parent.postMessage('Hello from iframe', 'https://example.com');

// 接收消息
window.addEventListener('message', event => {
  if (event.origin !== 'https://example.com') return; // 安全检查
  console.log(event.data);
});

// main.js
const worker = new SharedWorker('worker.js');
worker.port.start();
worker.port.postMessage('Hello from main page');

worker.port.addEventListener('message', event => {
  console.log('Message from worker:', event.data);
});

// worker.js
self.onconnect = event => {
  const port = event.ports[0];
  port.start();

  port.addEventListener('message', event => {
    console.log('Message from main page:', event.data);
    port.postMessage('Hello from worker');
  });
};