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

要实现HTML背景自动换、换皮肤颜色和更换页面背景图片，可以使用JavaScript来实现。以下是实现的步骤：

1. 在HTML中引入JavaScript文件：

<script type="text/javascript" src="background.js"></script>

2. 在JavaScript文件中设置颜色和背景图片的数组：

var colors = ['red', 'blue', 'green'];
var images = ['image1.jpg', 'image2.jpg', 'image3.jpg'];

3. 编写函数来随机选择数组中的颜色和图片：

function changeBackground() {
  var randomColor = colors[Math.floor(Math.random() * colors.length)];
  var randomImage = images[Math.floor(Math.random() * images.length)];
  document.body.style.backgroundColor = randomColor;
  document.body.style.backgroundImage = "url('" + randomImage + "')";
}

4. 在页面加载时调用函数，并将颜色和图片的选择保存在本地缓存中：

window.onload = function() {
  if(localStorage.getItem('color') === null && localStorage.getItem('image') === null) {
    changeBackground();
    localStorage.setItem('color', document.body.style.backgroundColor);
    localStorage.setItem('image', document.body.style.backgroundImage);
  } else {
    document.body.style.backgroundColor = localStorage.getItem('color');
    document.body.style.backgroundImage = localStorage.getItem('image');
  }
}

当页面加载时，先检查本地缓存中是否有保存的颜色和图片，如果没有则随机选择一组颜色和图片，并将其保存在本地缓存中。如果有保存的颜色和图片，则直接从本地缓存中读取并设置为背景。当用户刷新页面时，也会从本地缓存中读取保存的颜色和图片并设置为背景。

这样就可以实现HTML背景自动换、换皮肤颜色和更换页面背景图片，并将选择保存在本地缓存中，即使用户刷新页面或关闭浏览器，下次打开页面时仍然会保持之前选择的颜色和图片。