JavaScript-ProgrammierungKurzzusammenfassung |
|
Beispielcode | Erläuterung |
<html><head><title>Test</title></head>
<body> <script language="JavaScript"> /* Hier beginnt ein Kommentar er steht zwischen dem Schrägstrich mit Sternchen und Sternchen mit Schrägstrich. Also endet hier der Kommentar */ alert("Hallo Welt!"); </script> </body> <html> |
Vollständige HTML-Datei mit Javascript-Bereich
im Datei-Body. Die Funktion alert("Hallo Welt"); veranlaßt
die Anzeige der Zeichenkette, welche in Anführungsstrichen innerhalb
der runden Klammern steht, auf dem Monitor. Die Javascript-Anweisung wird
durch ein Semikolon abgeschlossen.
Hier klicken, um die Funktionsweise zu testen. |
Eigenschaften des Navigators testen
(die nachfolgenden Javascript-Anweisungen sind immer innerhalb eines Script-Bereichs als einzeilige Anweisung zu schreiben) |
Wirkung der Anweisungen |
alert("Ihr Browser nennt sich: "+navigator.appCodeName); | Browserspitzname |
alert("Ihr Browser ist der: "+navigator.appName); | offizielle Browserbezeichnung |
alert("Ihre Browserversion: "+navigator.appVersion); | Browserversion |
alert("Ihr Betriebssystem: "+navigator.platform); | Betriebssystem |
alert("Ihr Browsersprache ist: "+navigator.language); | Browsersprache |
Bedingte Anweisungen in JavaScript | Erläuterung | ||||||||||||
if (Bedingung)
{Anweisungsfolge_bei_erfüllter_Bedingung;} else {Anweisungsfolge_bei_nicht_erfüllter_Bedingung;} |
Die Bedingung wird geprüft und je nach Wahrheitswert werden die entsprechenden Anweisungsfolgen ausgeführt. | ||||||||||||
if (navigator.appVersion < "4")
{alert("Sie sollten sich die neueste Version Ihres "+navigator.appName+" herunterladen");} else {alert("Sie nutzen bereits die notwendige Browserversion von "+navigator.appName);} |
Je nach der vom Anwender benutzen Browserversion (entweder kleiner als "4" oder größer bzw. gleich "4") erscheint hier eine Bildschirmmeldung. | ||||||||||||
Rechnen mit JavaScript | Wirkung der Anweisung | ||||||||||||
/* 1a) */ a=5; b=7; c=a+b; alert("Ergebnis von 5+7="+c); | 1a) Addition von 5 und 7 | ||||||||||||
/* 1b) */ a=5; b=7; alert("Ergebnis von 5+7="+(a+b)); | 1b) Addition von 5 und 7 | ||||||||||||
/* 1c) */ alert("Ergebnis von 5+7="+(5+7)); | 1c) Addition von 5 und 7 | ||||||||||||
alert("Ergebnis von 5-7="+(5-7)); | Subtraktion von 5 und 7 | ||||||||||||
alert("Ergebnis von 5*7="+(5*7)); | Multiplikation von 5 und 7 | ||||||||||||
alert("Ergebnis von 5/7="+(5/7)); | Division von 5 und 7 | ||||||||||||
Lassen Sie addieren: | |||||||||||||
Rechnen Sie doch, was Sie wollen (Schreiben Sie einen Rechenausdruck): | Hier gibt's das Ergebnis:
|
||||||||||||
Logische Vergleiche | Zuweisungen | ||||||||||||
|
a=7;
b=a-4; a=a+3; /* bzw. a+=3; */ b=b-2; /* bzw. b-=2; */ |
||||||||||||
Logische Verknüpfung von Bedingungen | Wirkung der Anweisung | ||||||||||||
/* and: (Bedingung1) && (Bedingung2)
*/
if ((navigator.appVersion>="4")&&(navigator.appName == "Netscape")){alert("Aha: Netscape ab Version 4");} else {alert("Welchen Browser benutzen Sie?");} |
Zwei Bedingungen werden auf ihre gleichzeitige Gültigkeit
geprüft:
Hier erscheint das Ergebnis |
||||||||||||
/* or: (Bedingung1) || (Bedingung2)
*/
if ((navigator.appName == "Netscape") || (navigator.appName == "Microsoft Internet Explorer")){alert("Sie nutzen einen der gängigen Browser");}else{alert("Welchen Browser benutzen Sie?");} |
Trifft wenigstens eine von zwei Bedingungen zu?:
Hier erscheint das Ergebnis |
||||||||||||
/* not: !(Bedingung) */
if (!(5<4)){alert("Ein Glück, die Mathematik stimmt noch!");} else {alert("Nun ist also 5 weniger als 4 !?!?!");} |
Ist 5 nicht kleiner als 4?:
Hier erscheint das Ergebnis |