html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...

要实现HTML背景自动换，可以使用JavaScript编写一个函数，在页面加载时调用该函数，该函数可以随机选择一个背景图片或颜色，并将其设置为页面的背景。可以使用以下代码实现：

function changeBackground() {
  var backgrounds = ["background1.jpg", "background2.jpg", "background3.jpg"];
  var colors = ["#ff0000", "#00ff00", "#0000ff"];
  var randomIndex = Math.floor(Math.random() * backgrounds.length); // 随机生成一个下标
  var randomBackground = backgrounds[randomIndex]; // 获取随机背景图片
  var randomColor = colors[randomIndex]; // 获取随机背景颜色
  document.body.style.backgroundImage = "url(" + randomBackground + ")"; // 设置背景图片
  document.body.style.backgroundColor = randomColor; // 设置背景颜色
}

要实现HTML页面换皮肤颜色，可以使用与上面类似的方法，首先需要定义一个CSS类，包含要更改的样式，例如：

.skin1 {
  background-color: #ff0000;
  color: #fff;
}
.skin2 {
  background-color: #00ff00;
  color: #000;
}
.skin3 {
  background-color: #0000ff;
  color: #fff;
}

然后在JavaScript中编写一个函数，用于切换皮肤：

function changeSkin(skin) {
  var body = document.getElementsByTagName("body")[0];
  body.className = skin; // 切换CSS类
}

在HTML中，可以添加多个按钮，每个按钮表示一个皮肤，例如：

<button onclick="changeSkin('skin1')">皮肤1</button>
<button onclick="changeSkin('skin2')">皮肤2</button>
<button onclick="changeSkin('skin3')">皮肤3</button>

对于更换页面背景，常驻缓存，可以使用JavaScript的localStorage对象来实现。在更换背景时，将选择的背景图片或颜色保存到localStorage中，下次打开页面时，从localStorage中读取该值并设置为页面的背景。例如：

function changeBackground() {
  var backgrounds = ["background1.jpg", "background2.jpg", "background3.jpg"];
  var colors = ["#ff0000", "#00ff00", "#0000ff"];
  var randomIndex = Math.floor(Math.random() * backgrounds.length); // 随机生成一个下标
  var randomBackground = backgrounds[randomIndex]; // 获取随机背景图片
  var randomColor = colors[randomIndex]; // 获取随机背景颜色
  document.body.style.backgroundImage = "url(" + randomBackground + ")"; // 设置背景图片
  document.body.style.backgroundColor = randomColor; // 设置背景颜色
  localStorage.setItem("background", randomBackground); // 将背景图片保存到localStorage中
}

在页面加载时，从localStorage中读取背景图片，并将其设置为页面的背景。例如：

window.onload = function() {
  var background = localStorage.getItem("background");
  if (background) {
    document.body.style.backgroundImage = "url(" + background + ")";
  }
}

这样，即使用户刷新页面或关闭浏览器，设置的背景图片也会常驻缓存，并在下次打开页面时自动恢复。