JavaScript-Programmierung

Kurzzusammenfassung

 Übung 01 
 Übung 02 
JavaScript ist eine Programmiersprache
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
kleiner: a < b kleiner gleich: a <= b
gleich: a == b ungleich: a != b
größer: a > b größer gleich: a >= b
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

Webdesign by: Dipl.-Math. Horst Liske, EDV-Beratung HolyWare©, E-Mail an Horst@holyware.de