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:
- Animationen, z.B. Lauftexte auf der Webseite oder in der Statuszeile
- Projektsteuerung, z.B. Bewegen in der History oder gleichzeitiges Laden von mehreren Frames
- Formularprüfung, z.B. Test der Eingabedaten vor Versenden an das CGI-Skript
- Dynamische Webinhalte, z.B. Anzeige des Datums zur Zeit der Darstellung
- Textgenerierung, z.B. zur Formatierung von Text zur Zeit der Darstellung
- Anwendungen, z.B. Taschenrechner
2. Einführung mit Beispielen und ersten Übungen
- Erster Versuch: Wie man sieht, sieht man nix! (Quelltext)
- Text in der Statuszeile (Quelltext)
- Zurück zur vorigen Seite! (Quelltext)
- Hier ist JavaScript! (Quelltext)
- Grazyna rotiert! (Quelltext)
- Einfacher Taschenrechner (Quelltext)
- Überprüfung bei Formulareingabe (Quelltext)
- Übung: JavaScript-Ausgabe in HTML-Dokument (Quelltext)
- Übung: Events, Event-Handler und JS-Funktion alert() (Quelltext)
- Übung: Event-Handler und eigene Funktionen (Quelltext)
3. Grundelemente von JavaScript mit Übungen
- Vorlage für die Übungen (Quelltext)
- Übung: Anweisungen, Variable, Zuweisungen, Berechnungen, Funktionsaufrufe (Quelltext)
- Übung: Definition und Aufruf einer eigenen Funktion (Quelltext)
- Übung: Entscheidungen mit if-else (Quelltext)
- Übung: Schleifen mit while (Quelltext)
- Übung: Schleifen mit for (Quelltext)
4. Einige wichtige JavaScript-Objekte mit Übungen
- Übung: Das Standardobjekt Date (Quelltext, Date-Kurzreferenz)
- Übung: Methoden des Date-Objekts (Quelltext, Date-Kurzreferenz)
- Übung: Das Standardobjekt string und -methoden (Quelltext, string-Kurzreferenz)
- Übung: Das Standardobjekt history und -methoden (Quelltext, history-Kurzreferenz)
- Übung: Die Objekte window und location (Quelltext, window-Kurzreferenz, location-Kurzreferenz)
5. Objekthierarchie von JavaScript 1.2 mit Übungen
- Übung: Einfacher Algorithmus für Lauftext (Quelltext)
- Übung: Lauftext in der Statuszeile (Quelltext)
- Übung: Lauftext in Formularelementen (Quelltext)
- Übung: Kleine Diashow (Version 1) (Bilder zur Diashow, Quelltext)
6. JavaScript-Events mit Übungen
- Übung: Kleine Diashow (Version 2) mit Start, Stop und Zeiteinstellung (Bilder zur Diashow, Quelltext)
- Übung: Mehrwertsteuerrechner (Version 1) (Quelltext)
- Übung: Verbesserter Mehrwertsteuerrechner (Version 2) (Quelltext)
- Übung: Menü mit Dynamik (Grafiken zum Menü, Quelltext)
7. Praxisbeispiele
- Übung: Hintergrund-Fading
- Übung: Auswahlmenü mit Links
- Übung: 2 Frames gleichzeitig ändern
- Übung: Verfolgung der Mausbewegung
Einige Links zu JavaScript-Kursen oder -Einführungen
- JavaScripts selbst erstellen von Stefan Münz (Veraltete Version, Grundlage für diesen Kurs)
- Aktueller und besser: Kapitel JavaScript aus Stefan Münz Bestseller SELFHTML
- JS-Menü - JavaScript basiertes Menü- und Navigationssystem
- ColorPicker - Farbauswahl in HTML und JavaScript
- JavaScript-Kurs von Heike Schönnagel, URZ Uni Heidelberg
- The JavaScript Source (in english)
- Dietmar Rabichs Homepage mit vielen Infos und Tips u.a. zu JavaScript