js 跳转页面传值

// 设置要传递的数据
const data = { name: 'Alice', age: 25 };
// 将数据转换为查询字符串
const queryString = new URLSearchParams(data).toString();
// 跳转到新页面并附带查询字符串
window.location.href = `targetPage.html?${queryString}`;

// 在目标页面中获取查询字符串并解析数据
const urlParams = new URLSearchParams(window.location.search);
const name = urlParams.get('name');
const age = urlParams.get('age');
console.log(name, age); // 输出: Alice 25

// 设置要传递的数据
const data = { name: 'Alice', age: 25 };
// 存储数据到localStorage
localStorage.setItem('userData', JSON.stringify(data));
// 跳转到新页面
window.location.href = 'targetPage.html';

// 在目标页面中获取并解析数据
const userData = JSON.parse(localStorage.getItem('userData'));
console.log(userData.name, userData.age); // 输出: Alice 25
// 清除数据（可选）
localStorage.removeItem('userData');

// 设置要传递的数据
const data = { name: 'Alice', age: 25 };
// 将数据转换为JSON字符串并设置Cookie
document.cookie = `userData=${encodeURIComponent(JSON.stringify(data))}; path=/`;
// 跳转到新页面
window.location.href = 'targetPage.html';

// 在目标页面中获取并解析Cookie数据
const cookies = document.cookie.split(';').map(cookie => cookie.trim());
for (const cookie of cookies) {
  if (cookie.startsWith('userData=')) {
    const userData = JSON.parse(decodeURIComponent(cookie.split('=')[1]));
    console.log(userData.name, userData.age); // 输出: Alice 25
    // 清除Cookie（可选）
    document.cookie = 'userData=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/';
    break;
  }
}

// 发送消息的窗口
const data = { name: 'Alice', age: 25 };
const targetWindow = window.open('targetPage.html');
targetWindow.postMessage(data, '*'); // '*' 表示允许任何来源接收消息

// 接收消息的窗口
window.addEventListener('message', event => {
  const data = event.data;
  console.log(data.name, data.age); // 输出: Alice 25
  // 验证消息来源（可选）
  if (event.origin !== 'http://example.com') return;
});