2011-08-03 43 views
0

我是JavaScript的新手。我有以下代碼,它表現得非常奇怪。這是什麼假設要做的是最初將背景顏色設置爲紅色,然後在清除警告對話後循環一系列背景顏色。顏色名稱目前採用字符串格式,但如果使用十六進制ID,則會導致相同的行爲。document.body.style.backgroundColor的語法是什麼?

通常,當頁面加載時,它開始着色身體紅色,就像它應該。第一次警報清除有時會將背景更改爲橙色,有時不會更改,因爲下一個對話(黃色,綠色,藍色,靛藍,黑色)會被清除,直到最後一次更換顏色爲止,這有時需要,有時不會。

<html> 
<head> 
<title>Color Flasher</title> 
</head> 

<body> 

<script type="text/javascript"> 
    function color1() { 
     document.body.style.backgroundColor = 'red'; 
    } 

    function color2() { 
     document.body.style.backgroundColor = 'orange'; 
    } 

    function color3() { 
     document.body.style.backgroundColor = 'yellow'; 
    } 

    function color4() { 
     document.body.style.backgroundColor = 'green'; 
    } 

    function color5() { 
     document.body.style.backgroundColor = 'blue'; 
    } 

    function color6() { 
     document.body.style.backgroundColor = 'indigo'; 
    } 

    function color7() { 
     document.body.style.backgroundColor = 'black'; 
    } 

    function color8() { 
     document.body.style.backgroundColor = 'violet'; 
    } 

    color1(); 

    alert("ready for another color? - orange"); 
    color2(); 

    alert("ready for another color? - yellow"); 
    color3(); 

    alert("ready for another color? - green"); 
    color4(); 

    alert("ready for another color? - blue"); 
    color5(); 

    alert("ready for another color? - indigo"); 
    color6(); 

    alert("ready for another color? - black"); 
    color7(); 

    alert("ready for another color? - violet"); 
    color8(); 
</script> 

<center> 
<h1>Color Flasher<br></h1> 
</center> 
<hr> 
</body> 
</html> 

有人可以解釋我在哪裏得到的語法錯誤?

+0

每次都適用於我,但它看起來可能是文檔未完全加載。將您的'