JavaScript入门教程-转换背景颜色


Die switch-Anweisung

Hier schlaegst du gleich mehrere Fliegen mit einer Klappe. Die Syntax
lautet:

switch (Varialbe) {
case Wert1:
Anweisung;
break;
case Wert2:
Anweisung;
break;
case Wert3:
Anweisung;
break;
...    
default:
Anweisung;
}

Die switch-Anweisung untersucht ob eine Variable mit den aufgelisteten Werten
uebereinstimmt. Wenn ja, wird die betreffende Anweisung ausgefuehrt. Die 
Programmabarbeitung wird dann durch das Schluesselwor break beendet.

Falls kein Wert uebereinstimmt, wird die unter default: stehende Anweisung
ausgefuehrt.

switch方法

利用switch方法你可以一箭双雕。句法如下:

switch (变量) {
case 赋值1:
源码指令;
break;
case 赋值2:
源码指令;
break;
case 赋值3:
源码指令;
break;
... (这里还可以加更多的case)
default:
源码指令;
}

switch检查输入的变量是否与某个case的赋值相符。若是,则相应的源码指令
将被执行。程序执行完毕后,将由关键字break来中止;若否,列在关键字
default:底下的源码指令将被执行。

在入门教程介绍后,我们将对JavaScript语言中专门设定的关键字列表复习。
现在,请陆续记住它们。我不用说,你也知道:你不能用所言的关键字给你的
变量命名。

Hintergrundfarbe veraendern

转换背景颜色

Syntax:

<html>
<head>
   <title>Mein erstes Skript</title>

<script language="JavaScript" tpye="text/javascript">
<!--
   var farbe;
   farbe=prompt("Tippe rot, gelb, oder grau!","");
   switch(farbe) {
   case "rot":
   document.bgColor="red";
   break;
   case "gelb":
   document.bgColor="yellow";
   break;
   case "grau":
   document.bgColor="gray";
   break;
   default:
   alert("Leider ist diese Farbe alle!");
   }
//-->
</script>

</head>

<body>
</body>

</html>

我们将上面的HTML完整源码存为d_bgcolor.htm来试验一下。

1   var farbe;
2   farbe=prompt("Tippe rot, gelb, oder grau!","");
3   switch(farbe) {
4   case "rot":
5   document.bgColor="red";
6   break;
7   case "gelb":
8   document.bgColor="yellow";
9   break;
10  case "grau":
11  document.bgColor="gray";
12  break;
13  default:
14  alert("Leider ist diese Farbe alle!");
15  }

请参看上面JavaScript源码:

第一行,设定变量farbe
第二行,给变量farbe赋值:出现输入对话框,要你选择背景颜色。
第三行,指定switch方法来使用farbe变量
第四行,设定case为rot
第五行,设定bgColor="red"为事物document的特征
第六行,用关键字break来中止四,五及六行这个小程序段的运行。
第十三行,是缺省指令

现在我们看一下程序的运行:

-确定变量farbe,出现输入对话框,要求你选择颜色;
-switch辨认出你输入的farbe颜色,假设为gelb;
-程序开始检查case,case "rot":,显然不符,故越过第五及第六行向下运行,
-进行到第七行case "gelb":,  与你输入的farbe值gelb相符,故此
-第八行跟着运行,将网页的背景颜色变为黄色。
-第九行的关键字break也因此中止了程序继续运行

假设你没有输入rot, gelb 和 grau 却输入了 schwarz,显然程序里没有设定,

-这时程序将从开始一直运行到关键字default:,
-这时,关键字alert弹出一个输出框说:Leider ist diese Farbe alle!

练习:用switch方法及location.href="*.htm";来设置密码,给密码1进入
      001.htm;给密码2进入002.htm等等。提示:对本章源码进行相应替换
      就行了。

下一章里,我们将学习switch()方法。