使用本地存储在两个样式表(一个切换)之间切换

<link id="styleSheet" rel="stylesheet" href="style1.css">

// 检查本地存储中是否存在样式表标识符
if (localStorage.getItem('styleSheet')) {
  // 如果存在，根据标识符来切换样式表
  var styleSheet = localStorage.getItem('styleSheet');
  document.getElementById('styleSheet').href = styleSheet;
} else {
  // 如果不存在，使用默认的第一个样式表
  document.getElementById('styleSheet').href = 'style1.css';
}

// 监听样式表切换按钮的点击事件
document.getElementById('switchButton').addEventListener('click', function() {
  // 获取当前样式表的href属性值
  var currentStyleSheet = document.getElementById('styleSheet').href;
  
  // 根据当前样式表的href属性值来切换样式表
  if (currentStyleSheet.endsWith('style1.css')) {
    document.getElementById('styleSheet').href = 'style2.css';
    localStorage.setItem('styleSheet', 'style2.css');
  } else {
    document.getElementById('styleSheet').href = 'style1.css';
    localStorage.setItem('styleSheet', 'style1.css');
  }
});