第十八节 JavaScript分之语句之switch切换元素显示实例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script type="text/javascript">
 7         window.onload = function(){
 8             var iWeek = 2;
 9             var oBody = document.getElementById('body01');
10             switch (iWeek){
11                 case 1:
12                     oBody.style.backgroundColor = 'gold';
13                     break;
14                 case 2:
15                     oBody.style.backgroundColor = 'green';
16                     break;
17                 case 3:
18                     oBody.style.backgroundColor = 'pink';
19                     break;
20                 case 4:
21                     oBody.style.backgroundColor = 'yellowgreen';
22                     break;
23                 case 5:
24                     oBody.style.backgroundColor = 'lightblue';
25                     break;
26                 default:
27                     oBody.style.backgroundColor = 'lightgreen';
28             }
29         }
30 
31     </script>
32 </head>
33 <body id="body01">
34     
35 </body>
36 </html>