javascript - backgroundColor 作为开关功能？

Question

此代码没有显示错误但无法正常工作，任何人都可以看到原因吗？

function setStyles(){
    var ya
    styles=document.getElementById("back");
    switch (ya){
        case 1:styles.style.backgroundColor='#FF0000';
            break;
        case 2:styles.style.backgroundColor='#FF6600';
            break;
        case 3:styles.style.backgroundColor='#FFFF66';
            break;
        case 4:styles.style.backgroundColor='#669900';
            break;
        case 5:styles.style.backgroundColor='#000066';
            break;
        case 6:styles.style.backgroundColor='#660066';
            break;
    }
}

window.onload = setStyles;

Answer 1

如果你定义你，它会起作用：

function setStyles(ya){
  var ya;

  styles=document.getElementById("back");

  switch (ya) {
    case 1:
      styles.style.backgroundColor='#FF0000';
    break;

    case 2:
      styles.style.backgroundColor='#FF6600';
    break;

    case 3:
      styles.style.backgroundColor='#FFFF66';
    break;

    case 4:
      styles.style.backgroundColor='#669900';
    break;

    case 5:
      styles.style.backgroundColor='#000066';
    break;

    case 6:
      styles.style.backgroundColor='#660066';
    break;
  }
}

window.onload = function() {
  setStyles(1);
};

http://jsbin.com/agajen/1/edit

Answer 2

ya由于未定义，所有 case 语句都不会匹配。尝试定义它（换句话说，给它一个值）：

var ya = 1;

您还可以定义一个default案例，如果其他案例语句都不匹配，则将执行该案例：

...
...
case 6:
    styles.style.backgroundColor='#660066';
    break;
default:
    styles.style.backgroundColor='#000000';
...

编辑：获得随机背景颜色：

var ya = Math.floor(Math.random() * 6) + 1;