使用Javascript将数据从一个页面传递到另一个页面，但页面不加载

// 源页面
var data = {name: 'John', age: 25};
var url = 'target.html?data=' + encodeURIComponent(JSON.stringify(data));
window.open(url, '_blank');

// 目标页面
var urlParams = new URLSearchParams(window.location.search);
var data = JSON.parse(urlParams.get('data'));
console.log(data.name); // 输出：John
console.log(data.age); // 输出：25

// 源页面
var data = {name: 'John', age: 25};
localStorage.setItem('data', JSON.stringify(data));
window.open('target.html', '_blank');

// 目标页面
var data = JSON.parse(localStorage.getItem('data'));
console.log(data.name); // 输出：John
console.log(data.age); // 输出：25
localStorage.removeItem('data'); // 清除数据，可根据需求使用

// 源页面
var data = {name: 'John', age: 25};
var targetWindow = window.open('target.html', '_blank');

targetWindow.addEventListener('message', function(event) {
  if (event.data === 'ready') {
    targetWindow.postMessage(data, '*');
  }
});

// 目标页面
window.addEventListener('message', function(event) {
  if (event.data.name && event.data.age) {
    console.log(event.data.name); // 输出：John
    console.log(event.data.age); // 输出：25
  }
  window.postMessage('ready', '*');
});