Christian Wenz. JavaScript. Das umfassende Handbuch. Galileo Press

Transkript

1 Christian Wenz JavaScript Das umfassende Handbuch Galileo Press

2 Auf einen Blick TEIL I Grundlagen 29 TEIL II Fortgeschrittene Techniken 123 TEIL IM Features 201 TEIL IV Ajax und Co 353 TEILV Blick über den Tellerrand 491 TEIL VI Sicherheit 583 TEIL VII Praxis 635

3 1.1 Die Geschichte von JavaScript Voraussetzungen Zur 10. Auflage Die Icons in diesem Buch 28 TEIL I Grundlagen 2.1 Netscape Navigator (und Konsorten) Microsoft Internet Explorer Opera 2.4 Konqueror Safari Marktanteile Testsystem Verwendung von <script> Das language-attribut Browser ohne JavaScript Externe Dateien JavaScript-Links Event-Handler JavaScript-Entities 63 HB^Mm^^^^^M^^^^^^^^ffi^^^^^y^^^^^^ff^y; *jst">** : ''""^ '*> ''" '& -. Vi" *?* * """ * : Jü4-'V.-# I I ^'*' rl^j"". *'"j]"i gj^g ^^^^^^^^^^^pim^^mm^^^»»"a* rtf'-.--'-"' - ; - ''::y:.'ir. f^l l^l-~'.--" '.':'."'vo- - -.' "" '-" : 4.1 Variablen Namensgebung Numerische Variablen ^ Zeichenketten Boolesche Variablen Variablendeklaration Operatoren Arithmetische Operatoren 69 69

4 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 evalo-funktion Arrays Funktionen Objekte Tagesdatum Y2K Mit Daten rechnen Lokales Datumsformat Zufallszahlen erstellen JavaScript-Zufallszahlen Das HP-Verfahren Datumswert Hilfsfunktionen Zufallszahl aus einem Bereich Anwendungsbeispiele Lottozahlen Zufallsbanner Browsererkennung Weiterleitung 119

5 TEIL II Fortgeschrittene Techniken 8 DOAA.... ;.»* » ,* Der DOM-Baum Navigation im Baum Den Baum modifizieren Wichtige Methoden Zugriff auf einzelne Elemente Zugriff auf Tags Beispiele Ereignisbehandlung ffi fflshhhhhhsbbhihbhhhss 9.1 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 Fehler abfangen Keine Fehlermeldung...' Besondere Fehlermeldung Ausblick: Fehlermeldungen verschicken JavaScript Debugger Wo ist der Fehler? 174

6 Breakpoints Watches Schrittweise Programmausfiihrung Objekt Array-Erweiterungen Einfügen, nicht anfügen Anfügen und löschen Array-Elemente mischen Sortieren 185 Eigene Objekte Allgemeines Methoden definieren Eigene Sortiermethode Eigene Sortiermethode, Teil Zusammenfassung Platzsparende Notation 197 JavaScript-Objekte erweitern 198 TEIL IM 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 2 220

7 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 277

8 13.7 Fenster schließen Andere Fenster schließen Fenster bewegen mit JavaScript Fenster verschieben Fensterinhalt scrollen Anwendungsbeispiel: Fensteroptionen 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 311 Animierte JPEGs Eine Animation mit JavaScript ' Bilder in den Cache laden 314 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

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

10 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 mitjscript.net Installation Programmierung Mit dem Internet Explorer auf Web Services zugreifen Mit Mozilla auf Web Services zugreifen jquery Elementzugriff CSS Ereignisbehandlung und Ajax Prototype Script.aculo.us Weitere Bibliotheken Bookmarks Zurück-Schaltfläche Performanterer Code Weniger Daten Tools

11 TEILV Blick über den Tellerrand 24 Plugrns ^-.,..., i... M , Plugins erkennen Zugriff auf Plugins Zugriff auf MIME-Typen Refresh 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 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 553

12 27 Silverlight Einstieg in Silverlight Von JavaScript zu Silverlight Erste Schritte HTML Controls Web Controls Validation Controls Fazit 581 TEIL VI Sicherheit 29 JavaScript und Sicherheit 29.1 XSS XSS und Ajax 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: 31.1 URL aus Passwort Passwort entspricht URL Passwort ähnlich zur URL Passwort erzeugt URL 616

13 Seiten mit Cookies schützen Passwort im Quelltext MitJava 621 Ein Blick über den Tellerrand PHP htaccess Signierte Skripte flj) )j [ ^^ Zusätzliche Rechte Allgemeines Surfüberwachung Besondere Fenster 631 Signieren SignTool HTML-Code anpassen 634 TEIL VII Praxis 33 Warenkorb.»» Datenstruktur 638 Mit unsichtbaren Frames arbeiten Warenkorb füllen Artikel anzeigen Warenkorb ändern 653 Mit Cookies arbeiten Warenkorb füllen Artikel anzeigen Warenkorb ändern 663 Über die URL Den Warenkorb füllen Artikel anzeigen Den Warenkorb ändern 675 Fazit Ajax Pjw SlWHj M Dojo 680 ASP.NET AJAX

14 35 Referenz 35.1 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

15 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 767

16 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

17 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 Websites Newsgroups Mailinglisten JavaScript JavaScript JavaScript JavaScript Die Zukunft 825 Index