如何使用js使“模式”在刷新页面后仍然保持不变。

// 获取本地存储中的模式值
var mode = localStorage.getItem('mode');

// 根据模式值设置页面样式
if (mode === 'dark') {
  // 设置暗黑模式样式
} else {
  // 设置默认模式样式
}

// 监听模式切换事件
document.getElementById('mode-switch').addEventListener('click', function() {
  // 切换模式
  if (mode === 'dark') {
    mode = 'default';
  } else {
    mode = 'dark';
  }

  // 更新本地存储中的模式值
  localStorage.setItem('mode', mode);
});

// 获取URL中的模式参数值
var urlParams = new URLSearchParams(window.location.search);
var mode = urlParams.get('mode');

// 根据模式参数值设置页面样式
if (mode === 'dark') {
  // 设置暗黑模式样式
} else {
  // 设置默认模式样式
}

// 监听模式切换事件
document.getElementById('mode-switch').addEventListener('click', function() {
  // 切换模式
  if (mode === 'dark') {
    mode = 'default';
  } else {
    mode = 'dark';
  }

  // 更新URL中的模式参数值
  urlParams.set('mode', mode);

  // 重新加载页面并带上更新后的参数
  window.location.href = window.location.pathname + '?' + urlParams.toString();
});