Kurzübersicht

JavaScript-Workshop
Kurzübersicht JavaScript

Welche Versionen können wo eingesetzt werden?

Wie wird JavaScript in ein HTML-Dokument integriert?

Was ist JavaScript?

Wenn Sie HTML-Seiten dynamisch gestalten wollen, kommen Sie an JavaScript kaum vorbei. JavaScript läuft auf dem PC des Anwenders, vorausgesetzt, dass es vom Browser des Anwenders unterstützt wird. Inzwischen gibt es bereits die Version 1.2 von JavaScript.

	JavaScript ist eine Programmiersprache, mit der interaktive HTML-Seiten gestaltet werden können.
	JavaScript entstand 1995 aus Netscapes ActiveScript in Zusammenarbeit mit SUN MICROSYSTEMS.
	Die Sprachelemente und Syntax sind der von Java sehr ähnlich.
	JavaScript ist objektbasiert.
	JavaScript wird in HTML-Dokumente eingebettet.
	JavaScript ist plattformunabhängig.
	JavaScript wird vom Browser zur Laufzeit interpretiert.

[zum Seitenanfang] [zum Inhaltsverzeichnis]

Vor- und Nachteile von JavaScript

Vorteile	Nachteile
leicht erlernbar kurze Entwicklungszeit kompakte Scripte plattformunabhägig	nicht universell nicht für komplexe Anwendungen nicht für zeitkritische Anwendungen Scripte einsehbar

[zum Seitenanfang] [zum Inhaltsverzeichnis]

Welche Versionen können wo eingesetzt werden?

JavaScript 1.0	JavaScript 1.1	JavaScript 1.2	JavaScript 1.3
Navigator 2.0	Navigator 3.0	Navigator 4.0	Navigator 4.06
Explorer 3.0	Explorer 4.0	-----------------	-----------------

[zum Seitenanfang] [zum Inhaltsverzeichnis]

Abgrenzung zu Java !

Da Java seit einigen Jahren als Programmiersprache bekannt geworden ist, wird JavaScript oft damit verwechselt. Die folgende Gegenüberstellung zeigt Ihnen einige wichtige Unterschiede dieser beiden Programmiersprachen.

JavaScript	Java
dient nur zur Steuerung von HTML-Seiten	ist eine selbständige Programmier-Sprache
läuft im Client	läuft als Programm (Java-Applet) im Client
wird als ASCII-Code im Client direkt vom Browser interpretiert	wird in einen Byte-Code compiliert, der im Client von der virtuellen Maschine des Browsers interpretiert wird
ermöglicht es dem statischen HTML Dokument eine beschränkte Dynamik und Dialogfähigkeit zu verleihen	ermöglicht eine beinahe unbegrenzte Erzeugung von dynamischen Objekten und Dialogobjekten
ist objektbasiert, Objekte sind vor allem HTML- Dokumente und ihre Elemente.	ist objektorientiert, eigene Objekte können beliebig durch Entwickler/in definiert werden.
arbeitet zusammen mit Java, CGI, HTML	arbeitet zusammen mit JavaScript, CGI, HTML

[zum Seitenanfang] [zum Inhaltsverzeichnis]

Zur Syntax von JavaScript

Namen von Variablen und Methoden beginnen mit Buchstaben (außer Umlaut oder ß!!) oder Unterstrich. Die weiteren Zeichen können außerdem noch Ziffern sein.

Sie müssen Groß- und Kleinschreibung beachten. (Mit Zahl und zahl werden zwei verschiedene Variable bezeichnet!). Die Schreibweise bereits existierender Objekte und Methoden ist von JavaScript vorgegeben.
Zur Eingrenzung von Befehlsblöcken werden geschweifte Klammern { } verwendet.
Zeichenketten (Text) müssen Sie in Anführungszeichen setzten (so " " oder so ' ').
Kommentarzeilen beginnen mit einem doppelten Schrägstrich //. Statt jede einzelne Kommentarzeile so zu beginnen, können Sie mehrzeilige Kommentare auch mit /* beginnen und mit */ beenden.
Eine Befehlszeile müssen Sie mit einem Semikolon (;) beenden, wenn Sie direkt dahinter (also auf gleicher Höhe) eine weitere Befehlszeile anhängen wollen. Schreiben Sie Befehlszeilen untereinander können Sie auf das Semikolon verzichten (müssen Sie aber nicht! Es ist sogar eher üblich, das Semikolon zu setzen).
Zwecks besserer Übersicht kann man Variable mit der Anweisung var deklarieren. Der Datentyp wird zwar erst durch die erste Wertzuweisung festgelegt. Diese können Sie aber schon bei der Variablendeklaration vornehmen, falls Sie die Variable direkt initialisieren wollen. (Beispiel: var zahl=5;)

[zum Seitenanfang] [zum Inhaltsverzeichnis]

Wie wird JavaScript in ein HTML-Dokument integriert?

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript1.2">
// Hier schreibt man die JavaScript-Funktionen
</SCRIPT>
</HEAD>
<BODY>
<P> Dieser Text erscheint auf der Seite.
</BODY>
<HTML>

für JS 1.0 -> <SCRIPT LANGUAGE="JavaScript">
für JS 1.1 -> <SCRIPT LANGUAGE="JavaScript1.1">
für JS 1.2 -> <SCRIPT LANGUAGE="JavaScript1.2">

[zum Seitenanfang] [zum Inhaltsverzeichnis]