将数据保存到本地存储中，并使用jQuery跨页面保存数据

// 保存数据到localStorage中
localStorage.setItem('key', 'value');

// 从localStorage中获取数据
var data = localStorage.getItem('key');

// 删除localStorage中的数据
localStorage.removeItem('key');

// 清空localStorage中的所有数据
localStorage.clear();

// 打开或创建IndexedDB数据库
var request = window.indexedDB.open('myDatabase', 1);

// 创建对象存储空间
request.onupgradeneeded = function(event) {
  var db = event.target.result;
  var store = db.createObjectStore('myStore', { keyPath: 'id' });
  // 可以为对象存储空间创建索引
  store.createIndex('nameIndex', 'name', { unique: false });
};

// 添加数据到对象存储空间
request.onsuccess = function(event) {
  var db = event.target.result;
  var transaction = db.transaction(['myStore'], 'readwrite');
  var store = transaction.objectStore('myStore');
  var data = { id: 1, name: 'John' };
  store.add(data);
};

// 从对象存储空间获取数据
request.onsuccess = function(event) {
  var db = event.target.result;
  var transaction = db.transaction(['myStore'], 'readonly');
  var store = transaction.objectStore('myStore');
  var request = store.get(1);
  request.onsuccess = function(event) {
    var data = event.target.result;
    console.log(data);
  };
};

// 删除对象存储空间中的数据
request.onsuccess = function(event) {
  var db = event.target.result;
  var transaction = db.transaction(['myStore'], 'readwrite');
  var store = transaction.objectStore('myStore');
  var request = store.delete(1);
};