Javascript Grundlagen

Ihr Javascript in die HTML-Seite deklarieren

Erklärung des Codes:

Die oben zusehende Einsatzweise, in der die Deklarierung des Java Script Codesinnerhalb des Head-Bereiches der HTML Datei deklariert wird, ist die am häufigsten eingesetzte Variante. Neben der obigen Darstellung können Sie den Java Script Bereich zum Beispiel auch innerhalb der Body Tags deklarieren. Ähnlich wie bei den Cascading Style Sheets kann hier der Java Script Script Bereiches durch eine Kommentar umschlossen werden. Dieser hat auch hier die Aufgabe den Java Script Code vor Browser zu verstecken, welche kein Java Script beherrschen. Am Schluß muß der Java Script Bereich natürlich noch durch </script> beendet werden. Innerhalb des deklarierten Script Bereiches werden die benötigten Funktionen geschrieben. Diese können dann bei Bedarf aufgerufen werden. In dem kleinen Bespiele ( welches so nicht lauffähig ist! ), würde die Funktion oder die Funktionen sofort durch den Aufruf onload="javascriptfunktionsname()" gestartet werden. Natürlich müssen die Funktionen nicht immer sofort starten, es besteht auch die Möglichkeit einzelne Funktionen nur bei bestimmten Aktionen zu starten z.B. dem Überfahren eines Links mit der Maus.

"<script language="javascript">" - Weißt den Browser daraufhin, daß nachfolgender Code aus Java Script besteht.

"onload="javascriptfunktionsname()" - onload ist ein sogenannter EVENTHANDLER. Neben onload gibt es noch diverse weitere dieser EVENTHANDLER. Auf diese wird jedoch später erst eingegangen. Aber eines haben diese EVENTHANDLER alle gemeinsam: Sie stehen jeweils für eine bestimmte Aktion, und mit dieser Aktion lassen sich die in den EVENTHANDLERN angegebenen Funktionen starten.

"</script>" - Anweisung an den Browser -> Ende des Java Script Codes

Aufbau einer Funktion in Java Script

Was sind eigentlich Funktionen? Im Prinzip beinhaltet eine Funktion eine oder mehrere Anweisungen die im Falle Ihres Aufrufes auszuführen sind. Jede Funktion bekommt Ihren eigenen Namen, diesem Namen folgt eine geöffnete dann eine geschlossene Klammer. Die Namengebung sollte aus Gründen der Lesbarkeit des späteren Programmcodes schon ein Hinweis auf die Auswirkungen der selbigen, im eigentlichen Programm haben. Die eigentliche Anweisung oder Anweisungen einer Funktion werden immer von zwei geschweiften Klammern umschlossen. Dieser Teil wird in der Regel als Programmblock bezeichnet. Hier nun schematisch der Aufbau einer Java Script Funktion:

Anmerkung: In dem schematischen Beispiel stehen 2 sogenannte Slashe's vor dem Satz "Hier würden jetzt eine oder mehrere Anweisungen!". Diese bedeuten in Java Script der Einleitung eines einzeiligen Kommentars. Ein mehrzeiliger Kommentar wird mit der Zeichenfolge /* eingeleitet und mit */ beendet. siehe nachfolgendes Beispiel:

/* Hier beginnt der mehrzeilige Kommentar
und hier endet der mehrzeilige Kommentar */

TIP:Je größer Ihre Scripte werden, desto mehr sollten Sie Ihren Programmcode mit Kommentaren versehen!

Eine Variable deklarieren und mit Inhalt belegen

Um Zahlen oder Strings abzuspeichern brauchen Sie Variablen. Die für eine Funktion benötigte Variable oder Variablen werden in der Regel sofort am Anfang einer Funktion initialisiert und wenn nötig schon mit Inhalten belegt. Achten Sie beim Initialisieren und dem späteren Aufruf Ihrer Variablen auf die gleiche Schreibweise, da Java Script zwischen Groß und Kleinschreibung unterscheidet. Die Initialisierungen können somit folgender Maßen aussehen:

Array's in JS Initialisieren und mit Inhalten belegen

Mit Array's haben Sie die Möglichkeit ganze Listen von Werten oder Strings zu speichern. Die werte können dann im Programm einzeln angesprochen, verändert oder entnommen werden. An Stellen, wo Sie ansonsten sehr viele einzelne Variablen deklarieren müßten, haben Sie mit Array's die Möglichkeit alles über diese eine Liste anzusprechen. Gerade in Verbindung mit Kontrollschleifen, auf die später noch eingegangen wird, sind Sie eine erhebliche Erleichterung. Genau wie bei den Variablen, wird ein Array zuerst in der Funktion initialisiert. Die Initialisierung erfolgt nach dem Prinzip OBJEKTNAME = new Array (); .Dieses Prinzip bleibt grundsätzlich bestehen. Das einzige was sich je nach Art des Einsatzes ändern kann, ist das die Klammern nicht leer sind. Die leeren Klammern stehen für ein noch leeres Array, sollten Sie bereits bei der Initialisierung wissen, wie viele einzelne Elemente im Array gespeichert werden sollen, können Sie das direkt zwischen die Klammern schreiben. z.B OBJEKTNAME = new Array(24); .Die häufigere Version ist das Initialisieren und mit Elemente belegen in einem Schritt zu vereinen. Was dann wie folgt aussehen könnte: OBJEKTNAME = new Array("lars","hans","gertrud","wili"); . In diesem Fall werden dem Array Strings als Elemente zugewiesen. Bei der Zuweisung von Strings, werden diese jeweils von doppelten Hochkommata umschlossen. Werden hingegen nur Zahlenwerte zugewiesen, konnen die Hochkommata wegbleiben.
z.B. OBJEKTNAME = new Array(2,4,6,8,10);
Die einzelnen Elemente eines Array's werden über den Objektnamen und der Positionsnummer angesprochen. Wichtig hierbei ist, daß der interne Zähler bei 0 beginnt. Wenn Sie also das erste Element ansprechen wollen, dann ist die dazugehörige Postionsnummer 0 und nicht 1. Das ganze würde dann so aussehen: OBJEKTNAME[0] .
Nachfolgend alles noch mal im Überblick:

Es gibt natürlich jede menge vorgfertigte Funktionen mit denen sich Arrays manipulieren lassen. Wie z.B. Elemente entnehmen,anhängen, die Reihenfolge umkehren,... . Auf diese Funktionen wird jedoch erst eingegangen, wenn Sie in diesem Tutorial zum Einsatz kommen, denn viele von Ihnen benötigen Beispiele, in denen wiederum zu viel neues und somit eventuell verwirrendes vorkommen würde.

Wie in jeder Programmier Sprache gibt es auch in Java Script Schleifen. Mit Hilfe von Schleifen hat der Programmierer die Möglichkeit Kontrollstrukturen, oder sich häufig wiederholende Programmabschnitte, einfach und vor allem kurz zu realisieren. Gerade in Programmen, wo Fallunterscheidungen vorgenommen werden müßen werden Sie nicht an den Schleifen vorbeikommen. Um die verschiedenen Arten der Schleifen und deren möglichen Einseitz einfacher zu erklären, werde ich das Ganze an Hand von Beispielen erkären.