Auf einen Blick. TEIL I Grundlagen TEIL II Fortgeschrittene Techniken TEIL III Features TEIL IV Ajax und Co...

Transkript

1 Auf einen Blick TEIL I Grundlagen TEIL II Fortgeschrittene Techniken TEIL III Features TEIL IV Ajax und Co TEIL V Blick über den Tellerrand TEIL VI Sicherheit TEIL VII Praxis

2 1 Einleitung Die Geschichte von JavaScript Voraussetzungen Zur 10. Auflage Die Icons in diesem Buch TEIL I Grundlagen 2 Webbrowser Netscape Navigator (und Konsorten) Microsoft Internet Explorer Opera Konqueror Safari Marktanteile Testsystem JavaScript einbauen Verwendung von <script> Das language-attribut Browser ohne JavaScript Externe Dateien JavaScript-Links Event-Handler JavaScript-Entities Programmieren mit JavaScript Variablen Namensgebung Numerische Variablen Zeichenketten Boolesche Variablen Variablendeklaration Operatoren Arithmetische Operatoren

3 4.2.2 Boolesche Operatoren String-Operatoren Umwandlung zwischen den Variablentypen Kontrollstrukturen: Schleifen For-Schleifen Do-while-Schleife While-Schleife For-in-Schleife Schleifensteuerung Kontrollstrukturen: Fallunterscheidung If-Anweisung Switch-Anweisung Try Datenspeicherung Die eval()-funktion Arrays Funktionen Objekte Datum Tagesdatum Y2K Mit Daten rechnen Lokales Datumsformat Zufall Zufallszahlen erstellen JavaScript-Zufallszahlen Das HP-Verfahren Datumswert Hilfsfunktionen Zufallszahl aus einem Bereich Anwendungsbeispiele Lottozahlen Zufallsbanner Browserinformationen Browsererkennung Weiterleitung

4 TEIL II Fortgeschrittene Techniken 8 DOM Der DOM-Baum Navigation im Baum Den Baum modifizieren Wichtige Methoden Zugriff auf einzelne Elemente Zugriff auf Tags Beispiele Ereignisbehandlung Events à la Netscape (und Mozilla & Co.) Ereignisse Ereignisse als Objekteigenschaften Ereignisse abfangen Ereignisbehandlung Ereignisse umleiten Ereignisse durchleiten Tastatureingaben Events à la Internet Explorer Ereignisse Ereignisse als Objekteigenschaften Spezielle Skripte Ereignisse abfangen Bubbling Das Event-Objekt Events mit beiden Browsern Browserunabhängigkeit Benutzereingaben Andere (und moderne) Browser Fehlerbehandlung Fehler abfangen Keine Fehlermeldung Besondere Fehlermeldung Ausblick: Fehlermeldungen verschicken JavaScript Debugger Wo ist der Fehler?

5 Breakpoints Watches Schrittweise Programmausführung Objekte Array-Erweiterungen Einfügen, nicht anfügen Anfügen und löschen Array-Elemente mischen Sortieren Eigene Objekte Allgemeines Methoden definieren Eigene Sortiermethode Eigene Sortiermethode, Teil Zusammenfassung Platzsparende Notation JavaScript-Objekte erweitern TEIL III Features 12 Formulare Überprüfung auf Vollständigkeit Allgemeiner Aufbau Texteingabefelder Radiobuttons Checkboxen Auswahllisten Fehlermeldung ausgeben Konstruktive Vorschläge Automatische Überprüfung Texteingabefelder Radiobuttons Checkboxen Auswahllisten Zusammenfassung Anwendungsmöglichkeiten für Formulare Währungsrechner Währungsrechner, Teil

6 Formularfelder für die Textausgabe nutzen Navigation mit Auswahllisten Daten behalten Das Eingabeformular Die Ausgabeseite Dynamische Auswahllisten Ein erster Ansatz Ein fortgeschrittener Ansatz Überprüfungsfunktionen Ganze Zahlenwerte Dezimalzahlen Telefonnummern Adressen In Zahlenwerte umwandeln Reguläre Ausdrücke Kurzeinführung Ein Objekt erzeugen Mit dem Objekt arbeiten Fenster Modale Fenster Warnung nur im Notfall Bestätigungen Benutzereingaben Navigationsleiste mit JavaScript Das History-Objekt Vorwärts und rückwärts, Teil Drucken mit JavaScript Die Statuszeile Erläuternde Links Laufschrift Das location-objekt Ein neues Fenster öffnen Ein Fenster öffnen und füllen Ein Fenster öffnen und verlinken Ein Fenster öffnen und anpassen Modale Fenster Fernsteuerung Links mit JavaScript Links ohne JavaScript

7 13.7 Fenster schließen Andere Fenster schließen Fenster bewegen mit JavaScript Fenster verschieben Fensterinhalt scrollen Anwendungsbeispiel: Fensteroptionen Frames und Iframes Mit Frames arbeiten Frames mit HTML Frames mit JavaScript füllen Auf Daten von Frames zugreifen Auf übergeordnete Frames zugreifen Auf Daten von Unterframes zugreifen Mehrere Frames gleichzeitig ändern JavaScript in Frames auslagern Frames zählen Diashow Vorbereitungen Diashow starten Diashow anhalten Vorwärts und rückwärts springen Diashow verlassen Grafiken Bildlein-Wechsle-Dich Zugriff auf Grafiken Animierte JPEGs Eine Animation mit JavaScript Bilder in den Cache laden Animierte Navigation Vorüberlegungen Auf- und Zuklappen Die einzelnen Menüpunkte Verlinkung der Menüpunkte Einbau in die HTML-Datei Erweiterung der Navigation Vorbereitungen Leichte Änderungen

8 Doppeltes Mouseover Das komplette Beispiel im Überblick Tipps aus der Praxis Vorladen aber richtig Ladestand einer Grafik Fortschrittsanzeige Cookies Was ist ein Cookie? Wie sieht ein Cookie aus? Cookies mit JavaScript Cookies setzen Cookies löschen Cookies lesen Cookie-Unterstützung überprüfen Ein Cookie statt vieler Cookies TEIL IV Ajax und Co. 17 Ajax Ajax-Beispiele Ajax-Technik HTTP-Anfragen senden und auswerten Parameter senden Mit komplexen Daten arbeiten JSON Anfragen abbrechen Weitere Möglichkeiten Serverseitige Technologien ohne Ajax Variablentausch Newsticker Bankleitzahlen CSS Grundlagen Cascading Style Sheets HTML-Elemente Beispiele Animiertes Logo Sichtbar und unsichtbar

9 Neuer Mauszeiger Permanentes Werbebanner XML & Co XML XML-Daten verarbeiten XML-Dokumente erstellen XSL XPath Web Services Was sind Web Services? Verteiltes Arbeiten WSDL Web Services aufrufen Web Services mit JScript.NET Installation Programmierung Mit dem Internet Explorer auf Web Services zugreifen Mit Mozilla auf Web Services zugreifen jquery und weitere JavaScript-Bibliotheken jquery Elementzugriff CSS Ereignisbehandlung und Ajax Prototype script.aculo.us Weitere Bibliotheken Best Practices für Ajax-Anwendungen Bookmarks Zurück-Schaltfläche JavaScript-Performance Performanterer Code Weniger Daten Tools

10 TEIL V Blick über den Tellerrand 24 Plugins Plugins erkennen Zugriff auf Plugins Zugriff auf MIME-Typen Refresh Multimedia Musik Einbau in HTML Standardkontrollen des Internet Explorers Standardkontrollen von Netscape Browserunabhängige Ansteuerung Anwendung: Wurlitzer Microsoft Windows Media Player Einbau in HTML Browserunabhängige Ansteuerung Anwendung: Heimkino Adobe-Plugins Prinzipielles Director Flash Mit Flash kommunizieren Java Allgemeines Wie funktioniert Java? Kurzeinführung in Java Java und das Web Ein Beispiel-Applet HTML-Integration Java ohne Applet Exemplarische Java-Objekte Blackjack Karten initialisieren Karten mischen

11 27 Silverlight Einstieg in Silverlight Von JavaScript zu Silverlight JavaScript goes.net Erste Schritte HTML Controls Web Controls Validation Controls Fazit TEIL VI Sicherheit 29 JavaScript und Sicherheit XSS XSS und Ajax Code schützen Quellcode einsehen Menübefehle Tastenkürzel Kontextmenü Dateisystem Code im Frame verstecken Mausklick verhindern Code codieren Optisch verschleiern Inhaltlich verschleiern Dateien auslagern Caching verhindern Code serverseitig generieren Top Secret: Passwortschutz URL aus Passwort Passwort entspricht URL Passwort ähnlich zur URL Passwort erzeugt URL

12 31.2 Seiten mit Cookies schützen Passwort im Quelltext Mit Java Ein Blick über den Tellerrand PHP htaccess Signierte Skripte Zusätzliche Rechte Allgemeines Surfüberwachung Besondere Fenster Signieren SignTool HTML-Code anpassen TEIL VII Praxis 33 Warenkorb Datenstruktur Mit unsichtbaren Frames arbeiten Warenkorb füllen Artikel anzeigen Warenkorb ändern Mit Cookies arbeiten Warenkorb füllen Artikel anzeigen Warenkorb ändern Über die URL Den Warenkorb füllen Artikel anzeigen Den Warenkorb ändern Fazit Ajax-Frameworks Dojo ASP.NET AJAX

13 35 Referenz Das Anchor-Objekt Allgemeines Eigenschaften Das Array-Objekt Allgemeines Methoden Eigenschaften Das Button-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Checkbox-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Date-Objekt Allgemeines Methoden Das document-objekt Allgemeines Event-Handler Methoden Eigenschaften Das Event-Objekt Netscape-Eigenschaften Internet Explorer-Eigenschaften Das FileUpload-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Form-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Frame-Objekt

14 35.11 Das Hidden-Objekt Allgemeines Eigenschaften Das History-Objekt Allgemeines Methoden Eigenschaften Das Image-Objekt Allgemeines Event-Handler Eigenschaften Das Layer-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Link-Objekt Allgemeines Event-Handler Eigenschaften Das Location-Objekt Methoden Eigenschaften Das Math-Objekt Methoden Eigenschaften Das MimeType-Objekt Eigenschaften Das Navigator-Objekt Methoden Eigenschaften Das Number-Objekt Allgemeines Eigenschaften Das Object-Objekt Allgemeines Methoden Eigenschaften Das Option-Objekt Allgemeines Eigenschaften

15 35.23 Das Password-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Plugin-Objekt Eigenschaften Das Radio-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das RegExp-Objekt Allgemeines Eigenschaften Methoden Das Reset-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Screen-Objekt Eigenschaften Das Select-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das String-Objekt Allgemeines Methoden Eigenschaften Das Submit-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Text-Objekt Allgemeines Event-Handler

16 Methoden Eigenschaften Das Textarea-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Window-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das XMLHttpRequest-Objekt Allgemeines Methoden Eigenschaften Top-Level-Eigenschaften und -Methoden Methoden Eigenschaften Quellen im Web Websites Newsgroups Mailinglisten Die Zukunft von JavaScript JavaScript JavaScript JavaScript JavaScript Die Zukunft Index