JavaScript 1.2 - Einführung, Referenz, Praxislösungen

• Bitweise Operatoren.
• Der void-Operator
• Sonderzeichen
• Objektbeispiel: Fahrrad. Das Fahrrad-Beispiel aus Kapitel 2, erweitert um einige HTML-Formulare, um die Methoden aufzurufen.
• Objekthierarchie (erscheint in einem neuen Browser-Fenster)
• Event-Handler
  • Einfaches Event-Handler-Beispiel
  • Abfangen des Click-Events mit benutzergesteuerter Verarbeitung
  • onKeyDown-Event
• Anwendungen von Event-Handlern
  • onChange, onClick, onMouseOver kommen in den Menüs zum Einsatz.
  • onLoad und onUnload steuern das Ein-/Ausblenden des Hintergrundes.
  • onSubmit startet die Überprüfung von Formularinhalten.
• JavaScript-Entities: automatische Größenpassung einer Grafik
• Beispiele für reguläre Ausdrücke:
  • Suchen eines Teilstrings
  • Globale Suche und Multiline
  • geklammerte Ausdrücke zum Vertauschen von Teilstrings
  • geklammerte Ausdrücke zur Definition des Suchmusters
  • Auslesen des Ergebnis-Arrays, das von exec() geliefert wird

• Arrays. Demonstration der Verwendung von Arrays.
• Rationale Arithmetik. Implementierung einer rationalen Arithmetik mit Objekten. Demonstration der Einkapselung von Daten in Objekten.

• Abfragen der Browser/JavaScript-Version
• Fehlerbehandlung
  • Anzeigen der Fehler in eigenem Fenster
  • Allgemeine Fehlerroutine: Deaktiviert alle Fehlermeldungen, falls die Seite über's Netz geladen wird. Bei einem lokalen Zugriff werden die Fehler gesammelt und in einem Fenster dargestellt.
• Benutzung einer Bibliothek
• Schriftänderungen
• Fußnoten
• Ein-/Ausblenden des Hintergrundes
• Überprüfen von Formularinhalten
• Laufschrift in der Statuszeile oder im Formularfeld
• Dynamische Bilder
  • Animierte Grafiken für Werbeeinblendungen.
  • Probleme mit der Skalierung von dynamischen Bildern.
• Layers-Demonstration: Deutschlandkarte arbeitet erst ab Navigator 4!
• Virtueller Warenkorb. Ein umfangreiches Anwendungsbeispiel, das folgende Techniken demonstriert:
  • Kommunikation zwischen Frames
  • Arbeit mit Formularen
  • Verwendung von Cookies
  • Dynamisch erzeugte HTML-Seiten
• Menüs. Eine Auswahl verschiedener Techniken, um Menüs etwas ansprechender zu gestalten.
  • Kompakt: SELECT-Element.
  • Grafik 1: Zeiger auf gewählten Link.
  • Grafik 2: Zeiger folgt der Maus.
  • Grafik 3: Buttons erscheinen größer, wenn die Maus darüber ist.
  • Baum: Die Luxusversion mit auf-/zuklappbaren Submenüs
• Arbeiten mit Cookies
  • Bill Dortchs Cookie-Funktionen
  • Cookie-Beispiel
  • Letzter-Besuch-Cookie
• LiveConnect-Beispiel: Funktionsplotter

Objekte

• Das Anchor-Objekt
• Das Applet-Objekt: Zugriff auf Java-Applets am Beispiel des Funktionsplotters.
• Das Button-Objekt: Ändern der Hintergrundfarbe
• Das Checkbox-Objekt
• Das Date-Objekt: Eine JavaScript-Uhr
• Das Document-Objekt: Dynamische Erzeugung eines HTML-Dokumentes mit JavaScript.
• Das Form-Objekt
  • Verschiedene Formularelemente in Aktion: Das Fahrrad-Beispiel aus Kapitel 2.
  • JavaScript-Formulare als Eingabefelder für ein Java-Applet: Funktionsplotter
  • Überprüfen von Formularinhalten
  • Formulare als Benutzerschnittstelle für WWW-Anwendungen: Der virtuelle Warenkorb.
  • Ein SELECT-Element als platzsparendes Menü.
  • Das Button-Objekt zur Steuerung von Funktionen.
  • Buttons als flexibler Ersatz für die Navigationsbuttons.
• Frame-Objekt:
  • Das Frame-Objekt (erscheint in einem neuen Browser-Fenster) Folgende Struktur wird aufgebaut:

    Frameset
       |
       |-- Frame 0
       |-- Frame 1
       |-- Frameset
              |
              |-- Frame 2a
              |-- Frame 2b
    

  • Kommunikation zwischen Frames am Beispiel des virtuellen Warenkorbs.
• Das History-Objekt: Zeigt die Verwendung von history zur Realisierung eigener Navigationsbuttons
• Das Image-Objekt:
  • Dynamische Änderung von Grafiken für ansprechende Menüs.
  • Diese Seite enthält ebenfalls dynamische Grafiken.
• Das Link-Objekt
• Das Location-Objekt
• Das Math-Objekt
• Das Radio-Objekt
• Das screen-Objekt
• Das Select-Objekt als platzsparendes Menü.
• Das String-Objekt
• Das Text-Objekt: siehe Form
• Das Textarea-Objekt zur Texteingabe und anschließender Ausgabe in ein neues Dokument.
• Das Window-Objekt:
  • Öffnen eines Fensters
  • Die find-Methode des Window-Objekts

Schleifen

• for-Schleife zur Ausgabe von mehrdimensionalen Arrays.
• Weitere Schleifenbeispiele.
• Die Switch-Anweisung als Ersatz für mehrfach verschachtelte if-else-Anweisungen
• Label zum gezielten Ausstieg aus einem Schleifenrumpf

Eingebaute Funktionen

• eval
• getClass für den Zugriff auf das Java-Applet im Funktionsplotter.
• parseInt und parseFloat
• escape und unescape

Behandlung von Objekten

• new: Einsatz im Baummenü.
• Verwendung von this: Der freundliche Button
• with zum leichteren Zugriff auf Methoden des math-Objektes. Zweites Beispiel.
• Eval-Methode am Beispiel des Math-Objektes
• Funktionen
  • Benutzung des arguments[]-Arrays.
  • Funktionen als Objekte
• Literale Objektnotation

Reguläre Ausdrücke

• Sammlung von Beispielen.