js 页面间通信

// 发送页面
window.location.href = "targetPage.html?data=example";

// 接收页面
const urlParams = new URLSearchParams(window.location.search);
const data = urlParams.get('data');
console.log(data); // 输出: example

// 发送页面
localStorage.setItem('data', 'example');

// 接收页面
const data = localStorage.getItem('data');
console.log(data); // 输出: example

// 发送页面
document.cookie = "data=example; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

// 接收页面
const cookies = document.cookie.split('; ').find(row => row.startsWith('data='));
const data = cookies ? cookies.split('=')[1] : null;
console.log(data); // 输出: example

// 发送页面
const targetWindow = window.open('targetPage.html');
targetWindow.postMessage('Hello from sender', 'https://targetOrigin.com');

// 接收页面
window.addEventListener('message', event => {
  if (event.origin !== 'https://senderOrigin.com') return; // 安全检查
  console.log(event.data); // 输出: Hello from sender
});

// shared-worker.js
const connections = [];
onconnect = function(e) {
  const port = e.ports[0];
  connections.push(port);

  port.onmessage = function(e) {
    connections.forEach(conn => conn.postMessage(e.data));
  };
};

// 发送页面
const worker = new SharedWorker('shared-worker.js');
worker.port.start();
worker.port.postMessage('Hello from sender');

// 接收页面
const worker = new SharedWorker('shared-worker.js');
worker.port.start();
worker.port.onmessage = function(e) {
  console.log(e.data); // 输出: Hello from sender
};