Syntax:
function name() {
Codezeile
}
句法：
function 命名() {
将被执行的源码
}
Erstelle einmal eine einfache Funktion, die die Hintergrundfarbe
auf schwarz schaltet.
编写一个简单的函数，来将网页背景变成黑色。
function Lang() {
document.bgColor="black";
}
function可“任意”用字母和数字来命名，如这里被命名为Lang。但你不
能用JavaScript内设的关键字来命名，如prompt等等。同时，还有个别特殊
符号，如%,&或@等，不能用来命名函数。
HTML-Quellcode wie folgt:
<html>
<head>
<title>Mein erstes Skript</title>
<script language="JavaScript" tpye="text/javascript">
<!--
function Lang() {
document.bgColor="black";
}
//-->
</script>
</head>
<body>
</body>
</html>
但是，若你现在把上面的HTML完整源码存为d_function00.htm话，function还不能启动。
Eine Funktion startet erst, wenn du sie zuendest! Dafuer benoetigst
du die Event-Handler wie folgt:
函数只有被“点燃”了才能启动。为此，你需要选择启动的事件 (Event-Handler)
如下：
Event-Handler Ereignis
事件 情况
onLoad Laden eines Objekts 下载物件
onAbort Abbruch des Ladenes einer Seite 中止网页下载
onClick Anklicken eines Objekts 用鼠标敲一个物件
onDblclick Doppelklick auf ein Objekt 双敲一个物件
onMouseover Cursor bewegt sich ueber Objekt 鼠标在物件上面移动
onMouseout Cursor bewegt sich vom Objekt weg 鼠标离开物件
onFocus Objekt wird zum aktiven Objekt 物件被激活
onChange Objekt wird geaendert 物件被改变
onSelect Objekt wird ausgewaehlt 物件被选取
onBlur Objekt wird verlassen 物件离开
onSubmit Formularinhalt wird abgeschickt 发出表格内容
onReset Formlarinhalt wird zurueckgesetzt 复原表格内容
onUnload Anwender verlaesst das Fenster 访问者离开
onError Skriptfehler 编程错误
Starten durch ein Button (onClick) 利用按钮(onClick)启动
HTML-Syntax eines Buttons sieht so aus: 制作按钮的HTML句法如下
<form>
<input type="button" value="" onClick="">
</form>
Jetzt binde unsere Funktion mit der obigen HTML-Syntax wie folgt ein:
现把我们的函数与上面HTML句法嵌和在一起如下：
<form>
<input type="button" value="变成黑色背景" onClick="Lang()" />
</form>
Aber wo sollen wir die HTML-Syntax stellen, zwischen </title> und
</head>? Nein! Niemals. Immer zwischen <body> und </body>.
但我们应把此HTML源码放哪呢，在</title>及</head>之间? 不! 觉不能
放在哪儿！永远放在<body>和</body>之间。
HTML-Quellcode:
<html>
<head>
<title>Mein erstes Skript</title>
<script language="JavaScript" tpye="text/javascript">
<!--
function Lang() {
document.bgColor="black";
}
//-->
</script>
</head>
<body>
<form>
<input type="button" value="变成黑色背景" onClick="Lang()" />
</form>
</body>
</html>
此时，若你把上面的HTML完整源码存为d_function01.htm，就可利用按钮启动function了。
1 <input type="button" value="变成黑色背景" onClick="Lang()" />
2 function Lang() {
3 document.bgColor="black";
}
请参看上面源码：
第一行，是HTML源码，出现一个按钮，按此按钮则启动了我们编写的Lang()
这个函数
第二行，是JavaScript源码，也就是我们编写的函数。一经启动则运行到
第三行，来在网页里显示背景为黑色的特征。
事情进展得越来约有意思了，是不是？要是你对HTML还不熟悉，那可就惨了。
除了一些常用的指令外，我建议你着重学(复)习HTML<table>及<form>这两个
指令，因它们的用途实在太多，一时也离不开的。
通过这一章，你第一次尝试了将JavaScript的和HTML的指令揉和在一起来使用。
练习：把背景颜色变为蓝色。
下一章里，我们将继续学习函数-function。
|