Html 刷新时更改div背景颜色

我正在研究登录页的概念。我想在每次刷新时更改Div的背景色（使用jQuery）。我试过很多方法，但都没用

我对Javascript不是很有经验

试试这个jQuery:）

$（文档）.ready（函数（）{
$（'#mydivid'）.css（“背景色”，getRandomColor（））；
}
函数getRandomColor（）{
变量字母='0123456789ABCDEF'。拆分（''）；
var color='#'；
对于（var i=0；i<6；i++）{
颜色+=字母[Math.round（Math.random（）*15）]；
} 
返回颜色；
} 

根据建议，您可以在每次重新加载时使用随机颜色。如果要确保颜色更改，您可以使用

localStorage

或

sessionStorage

记住以前的值

例如：

$(function(){
  var prevColorId = sessionStorage.getKey("colorID"); //undefined if not present
  var colorList = ["lightRed", "lightGreen", "lightBlue" /*, ...*/];
  var nextColorId = prevColorId+1; //NaN if prevColorId undefined
  if(colorList[nextColorId]===undefined){
    nextColorId=0;
  }
  sessionStorage.setKey("colorID");
  $("#myRainbowDiv").css({background: colorList[nextColorId]});
}

---

设置为随机颜色是不够的？

$(function(){
  var prevColorId = sessionStorage.getKey("colorID"); //undefined if not present
  var colorList = ["lightRed", "lightGreen", "lightBlue" /*, ...*/];
  var nextColorId = prevColorId+1; //NaN if prevColorId undefined
  if(colorList[nextColorId]===undefined){
    nextColorId=0;
  }
  sessionStorage.setKey("colorID");
  $("#myRainbowDiv").css({background: colorList[nextColorId]});
}