js跨页面数据传输

// 发送页面
const data = encodeURIComponent('Hello World');
window.location.href = `targetPage.html?data=${data}`;

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

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

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

// 发送页面
sessionStorage.setItem('data', 'Hello World');

// 接收页面
const data = sessionStorage.getItem('data');
console.log(data); // 输出: Hello World

// 发送页面
document.cookie = "data=Hello World; path=/";

// 接收页面
const cookies = document.cookie.split(';').map(cookie => cookie.trim());
cookies.forEach(cookie => {
  const [key, value] = cookie.split('=');
  if (key === 'data') {
    console.log(value); // 输出: Hello World
  }
});

// 发送页面
const targetWindow = window.open('targetPage.html');
targetWindow.postMessage('Hello World', 'https://target-domain.com');

// 接收页面
window.addEventListener('message', event => {
  if (event.origin === 'https://sender-domain.com') {
    console.log(event.data); // 输出: Hello World
  }
});