0

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

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;
4

2 回答 2

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

于 2013-02-15T09:01:14.947 回答
0

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;
于 2013-02-15T09:02:16.537 回答