Fortgeschrittenes Publizieren im WWW
Dynamik mit JavaScript


1. Einsatz von JavaScript

JavaScript ist eine von der Firma Netscape entwickelte Programmiersprache, die sich in der Syntax an C bzw. an Java und in ihrer Objektorientierung an Java anlehnt. JavaScript ist eine Interpretersprache, d.h. der Code wird i.d.R. zusammen mit der Webseite geliefert und von einem im Browser integrierten Interpreter gelesen und ausgeführt.

Typische Einsatzgebiete von JavaScript sind:


2. Einführung mit Beispielen und ersten Übungen

  1. Erster Versuch: Wie man sieht, sieht man nix!   (Quelltext)
  2. Text in der Statuszeile   (Quelltext)
  3. Zurück zur vorigen Seite!   (Quelltext)
  4. Hier ist JavaScript!   (Quelltext)
  5. Grazyna rotiert!   (Quelltext)
  6. Einfacher Taschenrechner   (Quelltext)
  7. Überprüfung bei Formulareingabe   (Quelltext)

  1. Übung: JavaScript-Ausgabe in HTML-Dokument   (Quelltext)
  2. Übung: Events, Event-Handler und JS-Funktion alert()   (Quelltext)
  3. Übung: Event-Handler und eigene Funktionen   (Quelltext)

3. Grundelemente von JavaScript mit Übungen

  1. Vorlage für die Übungen   (Quelltext)
  2. Übung: Anweisungen, Variable, Zuweisungen, Berechnungen, Funktionsaufrufe   (Quelltext)
  3. Übung: Definition und Aufruf einer eigenen Funktion   (Quelltext)
  4. Übung: Entscheidungen mit if-else   (Quelltext)
  5. Übung: Schleifen mit while   (Quelltext)
  6. Übung: Schleifen mit for   (Quelltext)

4. Einige wichtige JavaScript-Objekte mit Übungen

  1. Übung: Das Standardobjekt Date   (Quelltext, Date-Kurzreferenz)
  2. Übung: Methoden des Date-Objekts   (Quelltext, Date-Kurzreferenz)
  3. Übung: Das Standardobjekt string und -methoden   (Quelltext, string-Kurzreferenz)
  4. Übung: Das Standardobjekt history und -methoden   (Quelltext, history-Kurzreferenz)
  5. Übung: Die Objekte window und location   (Quelltext, window-Kurzreferenz, location-Kurzreferenz)

5. Objekthierarchie von JavaScript 1.2 mit Übungen

  1. Übung: Einfacher Algorithmus für Lauftext   (Quelltext)
  2. Übung: Lauftext in der Statuszeile   (Quelltext)
  3. Übung: Lauftext in Formularelementen   (Quelltext)
  4. Übung: Kleine Diashow (Version 1)   (Bilder zur Diashow, Quelltext)

6. JavaScript-Events mit Übungen

  1. Übung: Kleine Diashow (Version 2) mit Start, Stop und Zeiteinstellung   (Bilder zur Diashow, Quelltext)
  2. Übung: Mehrwertsteuerrechner (Version 1)   (Quelltext)
  3. Übung: Verbesserter Mehrwertsteuerrechner (Version 2)   (Quelltext)
  4. Übung: Menü mit Dynamik   (Grafiken zum Menü, Quelltext)

7. Praxisbeispiele

  1. Übung: Hintergrund-Fading
  2. Übung: Auswahlmenü mit Links
  3. Übung: 2 Frames gleichzeitig ändern
  4. Übung: Verfolgung der Mausbewegung

Einige Links zu JavaScript-Kursen oder -Einführungen


Peter Klingebiel, 27. Mai 2004