1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>SELFHTML: JavaScript / Sprachelemente / Allgemeine Regeln fr JavaScript</title>
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
<meta name="description" content="Wie Sie einfache oder geblockte Anweisungen in JavaScript notieren, Kommentare setzen usw.">
<meta name="keywords" content="SELFHTML, JavaScript, Anweisungen, Notation, Kommentare">
<meta name="author" content="Redaktion SELFHTML, selfhtml81@selfhtml.org">
<meta name="DC.Publisher" content="Stefan Mnz">
<meta name="DC.Date" content="2005-08-22T21:21:39+02:00">
<meta name="DC.Identifier" content="http://de.selfhtml.org/javascript/sprache/regeln.htm">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="../../editorial/copyright.htm">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="page">
<link rel="shortcut icon" type="image/x-icon" href="../../src/favicon.ico">
<link rel="author" title="Impressum" href="../../editorial/impressum.htm">
<link rel="contents" title="Inhaltsverzeichnis" href="../../navigation/inhalt.htm">
<link rel="index" title="Stichwortverzeichnis" href="../../navigation/stichwort.htm">
<link rel="search" title="Suche" href="../../navigation/suche/index.htm">
<link rel="help" title="Hilfe" href="../../editorial/index.htm">
<link rel="copyright" title="Urheberrecht" href="../../editorial/copyright.htm">
<link rel="top" title="SELFHTML" href="../../index.htm">
<link rel="up" title="Sprachelemente" href="index.htm">
<link rel="next" title="Variablen und Werte" href="variablen.htm">
<link rel="prev" title="Einfhrung in JavaScript und DOM" href="../intro.htm">
<link rel="last" title="Event-Handler" href="eventhandler.htm">
</head>
<body>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2" class="nav"><a class="an" name="top"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="../index.htm">JavaScript/DOM</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Sprachelemente</a></td>
</tr>
<tr>
<td class="doc" width="110"><a href="../../index.htm"><img src="../../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></a></td>
<td class="docbot" width="100%"><h1 class="ph1">Allgemeine Regeln fr JavaScript</h1></td>
</tr>
<tr>
<td class="doctop">
<img src="../../src/dokx.gif" width="30" height="20" vspace="6" alt="Informationsseite">
</td>
<td valign="top" nowrap="nowrap">
<p>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#anweisungen">Anweisungen notieren</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#anweisungsbloecke">Anweisungsblcke notieren</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#namen">Selbstvergebene Namen</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#kommentare">Kommentare in JavaScript</a><br>
</p>
</td>
</tr><tr><td colspan="2" class="doc"> <a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </td></tr>
</table>
<h2><img src="../../src/js10.gif" width="30" height="30" alt="JavaScript 1.0" title="JavaScript 1.0"><img src="../../src/netsc2.gif" width="30" height="30" alt="Netscape 2.0" title="Netscape 2.0"><img src="../../src/msie3.gif" width="30" height="30" alt="MS IE 3.0" title="MS IE 3.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"> <a class="an" name="anweisungen">Anweisungen notieren</a></h2>
<p>JavaScript besteht letztendlich aus einer kontrollierten Anordnung von Anweisungen. Das sind Befehle, die der JavaScript-Interpreter des WWW-Browsers bewertet und in Maschinencode umsetzt, der auf dem Rechner des Anwenders ausfhrbar ist.</p>
<p>Es gibt einfache und komplexere Anweisungen.</p>
<h3 class="xmp">Beispiel 1:</h3>
<pre>
Zahl = 42;
</pre>
<h3 class="xmp">Beispiel 2:</h3>
<pre>
Quadrat = Zahl * Zahl;
</pre>
<h3 class="xmp">Beispiel 3:</h3>
<pre>
if (Zahl > 1000)
Zahl = 0;
</pre>
<h3 class="xmp">Beispiel 4:</h3>
<pre>
alert("Das Quadrat von " + Zahl + " = " + Ergebnis);
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Eine Anweisung in JavaScript besteht immer aus einem Befehl, der mit einem Strichpunkt <code>;</code> oder einem Zeilenumbruch abgeschlossen wird. In neueren Netscape-Dokumentationen zu JavaScript wird der Strichpunkt am Ende von einfachen Anweisungen zwar hufig weggelassen, aber um unntige Fehler zu vermeiden ist es ratsam, sich von vornherein anzugewhnen, alle Anweisungen auf diese Weise abzuschlieen.</p>
<p>Eine Anweisung ist zum Beispiel:</p>
<ul>
<li>wenn Sie einer <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="variablen.htm">Variablen</a> einen Wert zuweisen, wie in Beispiel <b>1</b>.</li>
<li>wenn Sie mit Variablen oder Werten eine Operation durchfhren, wie in Beispiel <b>2</b>.</li>
<li>wenn Sie einen Befehl nur unter bestimmten Bedingungen ausfhren, wie in Beispiel <b>3</b> (siehe hierzu die Abschnitte ber <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="bedingt.htm">bedingte Anweisungen</a> und ber <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="schleifen.htm">Schleifen</a>).</li>
<li>wenn Sie eine <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="funktionen.htm#definieren">selbst definierte Funktion</a> oder eine Objektmethode aufrufen, bzw. wenn Sie eine Objekteigenschaft auslesen oder ndern (siehe hierzu den Abschnitt <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="objekte.htm">Objekte, Eigenschaften und Methoden</a>), wie in Beispiel <b>4</b>.</li>
</ul>
<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>
<h2><img src="../../src/js10.gif" width="30" height="30" alt="JavaScript 1.0" title="JavaScript 1.0"><img src="../../src/netsc2.gif" width="30" height="30" alt="Netscape 2.0" title="Netscape 2.0"><img src="../../src/msie3.gif" width="30" height="30" alt="MS IE 3.0" title="MS IE 3.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"> <a class="an" name="anweisungsbloecke">Anweisungsblcke notieren</a></h2>
<p>Ein Anweisungsblock besteht aus einer oder mehreren Anweisungen, die innerhalb einer bergeordneten Anweisung oder innerhalb einer Funktion stehen. So knnen Anweisungsblcke beispielsweise unterhalb einer <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="bedingt.htm">bedingten Anweisung</a> oder einer <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="schleifen.htm">Schleife</a> stehen. Auch alle Anweisungen, die innerhalb einer <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="funktionen.htm#definieren">selbst definierten Funktion</a> stehen, bilden einen Anweisungsblock.</p>
<h3 class="xmp">Beispiel 1:</h3>
<pre>
if (Zahl > 1000) {
Zahl = 0;
Neustart();
}
</pre>
<h3 class="xmp">Beispiel 2:</h3>
<pre>
while (i <= 99) {
Quadrat(i);
i = i + 1;
}
</pre>
<h3 class="xmp">Beispiel 3:</h3>
<pre>
function SageQuadrat (x) {
var Ergebnis = x * x;
alert(Ergebnis);
}
</pre>
<h3 class="xmp">Beispiel 4:</h3>
<pre>
function SagEinmaleins (x) {
var Ergebnis = x * x;
if(Ergebnis > 100) {
Ergebnis = 0;
Neustart();
}
alert(Ergebnis);
}
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Ein Anweisungsblock wird durch eine ffnende <b>geschweifte</b> Klammer <code>{</code> begonnen und durch eine schlieende geschweifte Klammer <code>}</code> beendet. Sie knnen die geschweiften Klammern jeweils in eine eigene Zeile schreiben, wie in den obigen Beispielen. Es ist aber auch erlaubt, die Klammern in derselben Zeile zu notieren wie die Anweisungen.</p>
<b></b><p>Bei bedingten Anweisungen (wie in Beispiel <b>1</b>) oder bei Schleifen (wie in Beispiel <b>2</b>) mssen Sie solche Anweisungsblcke notieren, sobald mehr als eine Anweisung von der Bedingung oder der Schleifenbedingung abhngig ausgefhrt werden soll. Bei Funktionen (wie in Beispiel <b>3</b>) mssen Sie Anfang und Ende der Funktion durch geschweifte Klammern markieren. Alles, was innerhalb der Funktion steht, ist daher ein Anweisungsblock.</p>
<p>Anweisungsblcke knnen auch verschachtelt sein, wie in Beispiel <b>4</b> oben.</p>
<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>
<h2><img src="../../src/js10.gif" width="30" height="30" alt="JavaScript 1.0" title="JavaScript 1.0"><img src="../../src/netsc2.gif" width="30" height="30" alt="Netscape 2.0" title="Netscape 2.0"><img src="../../src/msie3.gif" width="30" height="30" alt="MS IE 3.0" title="MS IE 3.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"> <a class="an" name="namen">Selbstvergebene Namen</a></h2>
<p>An vielen Stellen in JavaScript mssen Sie selbst Namen vergeben, zum Beispiel fr <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="funktionen.htm#definieren">selbst definierte Funktionen</a>, <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="objekte.htm#eigene">eigene Objekte</a> oder <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="variablen.htm">Variablen</a>.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/frage_selfhtml.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function Schlaue_Frage () {
var i = 1;
var Eingabe = "";
while (Eingabe != "SELFHTML" && i <= 3) {
Eingabe = window.prompt("Wie heit diese Dokumentation?", "");
i++;
}
}
</script>
</head>
<body>
<a href="javascript:Schlaue_Frage()">wollen Sie eine Frage beantworten?</a>
</body>
</html>
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Im Beispiel ist in einem <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../intro.htm#javascriptbereiche">JavaScript-Bereich</a> eine Funktion mit Namen <code>Schlaue_Frage</code> notiert. Darin werden zwei Variablen mit den Namen <code>i</code> und <code>Eingabe</code> deklariert und verwendet. Das Beispiel ruft beim Anklicken des HTML-Verweises die Funktion <code>Schlaue_Frage</code> auf. Darin wird ein Dialogfenster ausgegeben, in dem der Anwender bis zu dreimal auf die Frage antworten kann, wie dieses Dokument heit. Namen vergeben mssen Sie also recht hufig in JavaScript.</p>
<p>Bei selbst vergebenen Namen gelten folgende Regeln:</p>
<ul>
<li>sie drfen keine Leerzeichen enthalten</li>
<li>sie drfen nur aus Buchstaben und Ziffern bestehen - das erste Zeichen muss ein Buchstabe sein; es sind Gro- und Kleinbuchstaben erlaubt. Gro- und Kleinschreibung werden unterschieden!</li>
<li>sie drfen keine deutschen Umlaute oder scharfes S enthalten</li>
<li>sie drfen als einziges Sonderzeichen den Unterstrich "_" enthalten</li>
<li>sie drfen nicht mit einem <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="reserviert.htm">reservierten Wort</a> identisch sein.</li>
</ul>
<p>Vergeben Sie sprechende Namen, die Ihnen auch ein halbes Jahr, nachdem Sie das Script geschrieben haben, noch signalisieren, welche Bedeutung sie haben. Es drfen ruhig auch deutschsprachige Wrter sein, solange die genannten Regeln eingehalten werden.</p>
<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>
<h2><img src="../../src/js10.gif" width="30" height="30" alt="JavaScript 1.0" title="JavaScript 1.0"><img src="../../src/netsc2.gif" width="30" height="30" alt="Netscape 2.0" title="Netscape 2.0"><img src="../../src/msie3.gif" width="30" height="30" alt="MS IE 3.0" title="MS IE 3.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"> <a class="an" name="kommentare">Kommentare in JavaScript</a></h2>
<p>Bei komplexeren Programmteilen knnen Sie Kommentare benutzen, um einzelne Anweisungen zu erklren. Auch wenn Sie Ihre Copyright-Angaben innerhalb eines selbst geschriebenen JavaScript-Codes unterbringen wollen, knnen Sie dies mit Hilfe eines Kommentars tun. Kommentare werden vom JavaScript-Interpreter des WWW-Browsers ignoriert.</p>
<h3 class="xmp">Beispiel:</h3>
<pre>
while (i <= 99) {
Quadrat = i * i; /* solange i kleiner gleich 99, Quadrat von i bilden */
i = i + 1; // i um eins erhoehen, damit es irgendwann 99 ist
}
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Einen wahlweise ein- oder mehrzeiligen Kommentar leiten Sie mit <code>/*</code>, also einem Schrgstrich, gefolgt von einem Sternzeichen, ein. Mit der umgekehrten Folge <code>*/</code>, also einem Sternzeichen, gefolgt von einem Schrgstrich, beenden Sie den Kommentar.</p>
<p>Einen einzeiligen Kommentar starten Sie mit der Zeichenfolge <code>//</code>. Der Browser ignoriert dann den nachfolgenden Text bis zum nchsten Zeilenende.</p>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" class="doc">
<a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td class="doc"><a href="variablen.htm"><img src="../../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td width="100%"><img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="variablen.htm">Variablen und Werte</a>
</td></tr>
<tr>
<td class="doc"><a href="../intro.htm"><img src="../../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurck"></a></td>
<td><img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../intro.htm">Einfhrung in JavaScript und DOM</a>
</td>
</tr>
<tr><td colspan="2" class="doc"> </td>
</tr>
<tr>
<td colspan="2" class="nav"><a class="an" name="bottom"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="../index.htm">JavaScript/DOM</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Sprachelemente</a></td>
</tr>
</table>
<p>© 2005 <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../editorial/impressum.htm">Impressum</a></p>
</body>
</html>
|
