js跨页面改变值

// 设置值
localStorage.setItem('key', 'value');
sessionStorage.setItem('key', 'value');

// 获取值
const value = localStorage.getItem('key');
const sessionValue = sessionStorage.getItem('key');

// 跨页面改变值
// 页面A
localStorage.setItem('key', 'newValue');

// 页面B
window.addEventListener('storage', (event) => {
  if (event.key === 'key') {
    console.log('Value changed to:', event.newValue);
  }
});

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

// 获取Cookie
function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

// 跨页面改变值
// 页面A
document.cookie = "key=newValue";

// 页面B
setInterval(() => {
  const value = getCookie('key');
  console.log('Cookie value:', value);
}, 1000);

// 页面A
const channel = new BroadcastChannel('myChannel');
channel.postMessage('newValue');

// 页面B
const channel = new BroadcastChannel('myChannel');
channel.addEventListener('message', (event) => {
  console.log('Value changed to:', event.data);
});

// 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));
  };
};

// 页面A
const worker = new SharedWorker('shared-worker.js');
worker.port.start();
worker.port.postMessage('newValue');

// 页面B
const worker = new SharedWorker('shared-worker.js');
worker.port.start();
worker.port.onmessage = function(e) {
  console.log('Value changed to:', e.data);
};