Achtung: Die Quellcodeuebung von heute unterschuetzt nur: NN6 oder IE4+
Beachte die folgende Syntax:
Event-Handler: onMouseover (ueber ein Bild)
Syntax: <img src SRC="herman.jpg" HEIGHT=368 WIDTH=250 border=0 onMouseover="Lang()">
Event-Handler: onMouseover (ueber die Texte)
Syntax: <h1 onMouseover="Wolf()">Ich mag rote Farbe!!!</h1>
Neue Funktion:
function Wolf() {
document.bgColor="red";
}
HTML-Quellcode:
<html>
<head>
<title>Mein erstes Skript</title>
<script language="JavaScript" tpye="text/javascript">
<!--
function Lang() {
document.bgColor="black";
}
//-->
</script>
<script language="JavaScript" tpye="text/javascript">
<!--
function Wolf() {
document.bgColor="red";
}
//-->
</script>
</head>
<body>
<center>
<img src SRC="herman.jpg" HEIGHT=368 WIDTH=250 border=0 onMouseover="Lang()">
</center>
<center>
<h1 onMouseover="Wolf()">Ich mag rote Farbe!!!</h1>
</center>
</body>
</html>
让我们一起来看下面整个HTML源码：
1：<html>
2：<head>
3： <title>Mein erstes Skript</title>
4：<script language="JavaScript" tpye="text/javascript">
5：<!--
6： function Lang() {
7： document.bgColor="black";
8： }
9：//-->
10：</script>
11：<script language="JavaScript" tpye="text/javascript">
12：<!--
13： function Wolf() {
14： document.bgColor="red";
15： }
16：//-->
17：</script>
18：</head>
19：<body>
20：<center>
21：<img src SRC="herman.jpg" HEIGHT=368 WIDTH=250 border=0 onMouseover="Lang()">
22：</center>
23：<center>
24：<h1 onMouseover="Wolf()">Ich mag rote Farbe!!!</h1>
25：</center>
26：</body>
27：</html>
文件整体：
第一行声明此文件为：HTML文件
最后一行，即第二十七行，终止此HTML文件。
第二行到第十八行是文件头部份，其中包括了两个函数的源码。
第十九到第二十六行是文件主体部份，这里插入了一幅图案，并写了一行子。
JavaScript 源码运行
第六，七，八行，设定函数Lang使背景变黑色
第十三，十四，十五行，设定函数Wof使背景变红色
第二十一行，在页面上插入图案，当鼠标在图案上划过(onMouseOver)时，启动函数Lang
第二十四行，在页面上写字，当鼠标在图案上划过(onMouseOver)时，启动函数Wolf
Zum Probieren, schaue die Seite d_function02.htm hier!
请试一下d_function02.htm，来看效果。
Uebung: Mir genuegt es, wenn du die alle Quellcode verstehen kannst :-)
练习：反复读懂本页源码。
下一章里，我们将继续学习函数-function。
|