JavaScript Funktion mit Parameteruebergabe

JavaScript入门教程－练习：带参数的函数编写

Die Syntax sieht so aus:

function Name(Variable)

HTML Quellcode:

<html>
<head>
   <title>Funktion mit Parameteruebergabe</title>

<script language="JavaScript" tpye="text/javascript">
<!--
   var farbe;
   function hintergrund(farbe) {
   document.bgColor=farbe;
   }
//-->
</script>

</head>

<body>

<center>

<form>
<input type="button" value="黑色" onClick="hintergrund('black')" />
<input type="button" value="兰色" onClick="hintergrund('blue')" />
<input type="button" value="红色" onClick="hintergrund('red')" />
<input type="button" value="白色" onClick="hintergrund('white')" />
<input type="button" value="绿色" onClick="hintergrund('green')" />
<input type="button" value="粉色" onClick="hintergrund('pink')" />
<input type="button" value="银色" onClick="hintergrund('silver')" />
</form>

</center>
</body>

</html>

把上面的HTML完整源码存为d_function03.htm，试试看！

1  var farbe;
2  function hintergrund(farbe) {
3  document.bgColor=farbe;
4  }

5  <input type="button" value="黑色" onClick="hintergrund('black')" />
6  <input type="button" value="兰色" onClick="hintergrund('blue')" />
7  <input type="button" value="红色" onClick="hintergrund('red')" />

参见以上源码：
第二行，函数hintergrund以变量farbe为参数，但farbe这个参数的值分别由
        五，六及七行的onClick事件来赋与。如你敲一下
第五行  所形成的按钮，则
第二行  的farbe参数就被赋于了black的值。此时，
第三行  document.bgColor=farbe;里的farbe就被替换成black。这样，你的页
        面背景就变成了黑色。于此类推，你敲一次
第六行  或
第七行  都将相应地改变网页背景颜色。

注意：颜色的名称如：black，yellow等都是HTML语言所规定的，你不能乱写。        
                 

Uebung: Mir genuegt es wieder, wenn du die alle Quellcode verstehen kannst :-)

下一章，我们学习浏览用的按钮。