Christian Wenz. JavaScript und Ajax. Das umfassende Handbuch. Galileo Press

Transkript

1 Christian Wenz JavaSript und Ajax Das umfassende Handbuh Galileo Press

2 1.1 Die Geshihte von JavaSript Voraussetzungen Zur8. Auflage Die Ions diesem Buh 28 TEIL I: GRUNDLAGEN 2.1 Netsape Navigator (und Konsorten) Misoft Internet Explorer Opera Konquer Safari Marktanteile Testsystem Verwendung von <sript> Das language-attribut Bwser ohne JavaSript Externe Dateien JavaSript-Lks Event-Handler JavaSript-Entities Variablen Namensgebung Numerishe Variablen Zeihenketten Booleshe Variablen Variablendeklaration 68 5

3 4.2 Operatoren Arithmetishe Operatoren Booleshe Operatoren Strg-Operatoren Umwandlung zwishen den Variablentypen Kontllstrukren: Shleifen For-Shleifen Do-while-Shleife While-Shleife For--Shleife Shleifensteuerung Kontllstrukren: Falluntersheidung If-Anweisung Swith-Anweisung Try Datenspeiherung Die evalo-funktion Arrays Funktionen Objekte 93 ähttd BwEBDBDBB 5.1 Tagesdam Y2K Mit Daten rehnen Lokales Damsformat Zufallszahlen erstellen JavaSript-Zufallszahlen Das HP-Verfahren Damswert Hilfsfunktionen Zufallszahl aus eem Bereih Anwendungsbeispiele Lottozahlen Zufallsbanner 112 6

4 7.1 Bwser-Erkennung Weiterleing 121 TEIL II: JAVASCRIPT-PRAXIS 8.1 Modale Fenster Warnung-nur im Notfall Bestätigungen Benutzeregaben Navigationsleiste mit JavaSript Das History-Objekt Vorwärts und rükwärts, Teil Druken mit JavaSript Die Staszeile Erläuternde Lks Laufshrift Das loation-objekt E neues Fenster öffnen E Fenster öffnen und füllen E Fenster öffnen und verlken E Fenster öffnen und anpassen Modale Fenster Fernsteuerung Lks mit JavaSript Lks ohne JavaSript Fenster shließen Andere Fenster shließen Fenster bewegen mit JavaSript Fenster vershieben Fensterhalt sllen Überprüfung auf Vollständigkeit Allgemeer Aufbau Textegabefelder Radiobuttons 167 7

5 9.1.4 Chekboxen Auswahllisten Fehlermeldung ausgeben Konstruktive Vorshläge Automatishe Überprüfung Textegabefelder Radiobuttons Chekboxen Auswahllisten Zusammenfassung Anwendungsmöglihkeiten für Formulare Währungsrehner Währungsrehner, Teil Formularfelder für die Textausgabe nutzen Navigation mit Auswahllisten Anwendungsbeispiel: Fensteptionen Daten behalten Das Egabeformular Die Ausgabeseite Dynamishe Auswahllisten E erster Ansatz E fortgeshrittener Ansatz Überprüfungsfunktionen Ganze Zahlenwerte Dezimalzahlen Telefonnummern Adressen In Zahlenwerte umwandeln Reguläre Ausdrüke Kurzeführung E Objekt erzeugen Mit dem Objekt arbeiten Mit Frames arbeiten Frames mit HTML Frames mit JavaSript füllen Auf Daten von Frames zugreifen Auf übergeordnete Frames zugreifen Auf Daten von Unterframes zugreifen 226 8

6 Mehrere Frames gleihzeitig ändern JavaSript Frames auslagern Frames zählen Diashow Vorbereingen Diashow starten Diashow anhalten Vorwärts und rükwärts sprgen Diashow verlassen Bildle-Wehsle-Dih Zugriff auf Grafiken Animierte JPEGs Ee Animation mit JavaSript Bilder den Cahe laden Animierte Navigation Vorüberlegungen Auf-und Zuklappen Die ezelnen Menüpunkte Verlkung der Menüpunkte Ebau die HTML-Datei Erweiterung der Navigation Vorbereingen Leihte Änderungen Doppeltes Mouseover Das komplette Beispiel im Überblik Tipps aus der Praxis Vorladen -aber rihtig Ladestand eer Grafik Fortshrittsanzeige Was ist e Cookie? Wie sieht e Cookie aus? Cookies mit JavaSript Cookies setzen Cookies löshen Cookies lesen 270

7 Cookie-Unterstützung überprüfen E Cookie statt vieler Cookies 274 TEIL IM: PROFESSIONELLES JAVASCRIPT 13.1 Array-Erweiterungen Efügen, niht anfügen Anfügen und löshen Array-Elemente mishen Sortieren Eigene Objekte Allgemees Methoden defieren Eigene Sortiermethode Eigene Sortiermethode, Teil Zusammenfassung Platzsparende Notation JavaSript-Objekte erweitern Events mit dem Netsape Navigator Neue Ereignisse Ereignisse als Objekteigenshaften Ereignisse abfangen Ereignisbehandlung Ereignisse umleiten Ereignisse durhleiten Tastaregaben Events mit dem Internet Explorer Neue Ereignisse Ereignisse als Objekteigenshaften Spezielle Skripten Ereignisse abfangen Bubblg Das Event-Objekt Events mit beiden Bwsern Bwserunabhängigkeit Benutzeregaben Andere (und moderne) Bwser

8 15.1 Fehler abfangen Kee Fehlermeldung Besondere Fehlermeldung Ausblik: Fehlermeldungen vershiken JavaSript Debugger Wo ist der Fehler? Breakpots Wathes Shrittweise Pgrammausführung 345 TEIL IV: WEB 2.0 UND AJAX 16.1 Der DOM-Baum Navigation im Baum Den Baum modifizieren Wihtige Methoden Zugriff auf ezelne Elemente Zugriff auf Tags Beispiele Grundlagen Casadg Style Sheets HTML-Elemente Beispiele Animiertes Logo Sihtbar und unsihtbar Neuer Mauszeiger Permanentes Werbebanner 385 illttiiiffibsam 18.1 Ajax-Beispiele Ajax-Tehnik HTTP-Anfragen senden und auswerten Parametersenden

9 Mit komplexen Daten arbeiten-json Anfragen abbrehen Weitere Möglihkeiten Ajax-Pbleme (und -Lösungen) Bookmarks Zurük-Shaltflähe XML XML-Daten verarbeiten XML-Dokumente erstellen XSL XPath Was sd Web Servies? Verteiltes Arbeiten WSDL Web Servies aufrufen Web Servies mitjsript.net Installation Pgrammierung Mit dem Internet Explorer auf Web Servies zugreifen Mit Mozilla auf Web Servies zugreifen Dojo ASP.NET AJAX 469 TEIL V: KOMMUNIKATION 22.1 Plugs erkennen Zugriff auf Plugs Zugriff auf MIME-Typen Refresh

10 23.1 Musik Ebau HTML Standardkontllen des Internet Explorers A3 Standardkontllen des Netsape Navigators Bwserunabhängige Ansteuerung Anwendung: Wurlitzer Misoft Wdows Media Player Ebau HTML Bwserunabhängige Ansteuerung Anwendung: Heimko Adobe-Plugs Przipielles Diretor Flash Mit Flash kommunizieren Allgemees Wie funktioniert Java? Kurzeführung Java Java und das WWW E Beispiel-Applet HTML-Integration Java ohne Applet Exemplarishe Java-Objekte Blakjak Karten itialisieren Karten mishen 546 TEIL VI: SERVERSEITIGE PROGRAMMIERUNG 25.1 Estieg Silverlight Von JavaSript zu Silverlight

11 26.1 Variablentaush Anwendungen Newstiker Bankleitzahlen Erste Shritte HTML Contls Web Contls Validation Contls Fazit 591 TEIL VII: SICHERHEIT 28.1 Quellode esehen Menübefehle Tastenkürzel Kontextmenü Dateisystem Code im Frame versteken Mausklik verhdern Code odieren Optish vershleiern Inhaltlih vershleiern Dateien auslagern Cahg verhdern Code serverseitig generieren URL aus Passwort Passwort == URL Passwort«URL f: Passwort URL Seiten mit Cookies shützen Passwort im Quelltext MitJava

12 29.3 E Blik über den Tellerrand PHP htaess Zusätzlihe Rehte Allgemees Surfüberwahung Besondere Fenster Signieren SignTool HTML-Code anpassen XSS XSS und Ajax 645 TEIL VIII: PRAXIS 32.1 Navigation mit Pulldown-Menüs Navigation mit DHTML Baumstrukren Alternativen im Web Joust Weitere Ansätze Datenstrukr Mit unsihtbaren Frames arbeiten Warenkorb füllen Artikel anzeigen Warenkorb ändern Mit Cookies arbeiten Warenkorb füllen Artikel anzeigen Warenkorb ändern 698

13 33.4 Über die URL Den Warenkorb füllen Artikel anzeigen Den Warenkorb ändern Fazit 711 TEIL IX: ANHANG 34.1 Ptotype sript.aulo.us Weitere Bibliotheken Das Anhor-Objekt Allgemees Eigenshaften Das Array-Objekt Allgemees Methoden Eigenshaften Das Button-Objekt Allgemees Event-Handler Methoden Eigenshaften Das Chekbox-Objekt Allgemees Event-Handler Methoden Eigenshaften Das Date-Objekt Allgemees Methoden Das doument-objekt Allgemees Event-Handler Methoden Eigenshaften

14 35.7 Das Event-Objekt Netsape-Eigenshaften Internet Explorer-Eigenshaften Das FileUpload-Objekt Allgemees Event-Handler Methoden Eigenshaften Das Form-Objekt Allgemees Event-Handler Methoden Eigenshaften Das Frame-Objekt Das Hidden-Objekt Allgemees Eigenshaften Das History-Objekt Allgemees Methoden Eigenshaften Das Image-Objekt Allgemees Event-Handler Eigenshaften Das Layer-Objekt Allgemees Event-Handler Methoden Eigenshaften Das Lk-Objekt Allgemees Event-Handler Eigenshaften Das Loation-Objekt Methoden Eigenshaften Das Math-Objekt Methoden Eigenshaften

15 m m ^ ^ i n «) C B «N N N m w ( r \ f f i o o O - t - ( N r \ i r N r N r f i m m ' t ' * i n o N N N N o o ( o m o o 0 0 W W r x t»» r x > O j 0 0 r > O 3 j ^ i j ^ ^ j > ^ r j ^ r ^ i ^ i v. i ^ r ^ i ^ v v - ^ f ^ r V ( v s ^ v s r v i ^ h v r \ r v i ^ f ^ r ^ i ^ i ^ i \ r ^ i \ i \ i ^ i \ i ^ i ^ r v r v i ^ i ^ i ^ i ^ i \ r ^ x i o o 4-> <= _ et o -5 I t/1 u Q. >i bo E 06 u xt-s O o O OJ 's - Z CT, 5 <S Q Q m (Ti m et sh r\i C3> r- 4-> -^ bje (i Eige berb 3 7 t/i LI O t/i u!_ F _bp < ^ O rn u et tri sh Eige rn O,.!_ jek -Q t-o bje O t/i U u i/t u E SZ _hp < ^ t- rn oden Met s m u et CT! sh Eige s l/l u!_ J E D-uo Q. O i/i u Allg Eige,- m u et sh j * u n Passwor t/i U LJ no /l u L. E _bp < r- CD -Handl Event oden sz Met PO u et tfl sh Eige * rn ekt n-o u g D. t/i U u (U et sh Eige *- * rn 4-» o 1 n T5 CH t/i Li rn ez : u /i et u et H «r 2 x T3 ~ü., u "2 t/l,v (- i/i O M 'S u O ge % bo 1 = bo 3; < LU S Lu g- < -< ~ LU "S * rn bo u rn i so vo <a rs] rsj J iri -J G 1/1 tu Q ' u "> -n E5 bp qj < LU rs] CD et U SZ U t/i ^ 4-» V -Q O Q 00 rs Ol et U sz u u bo O u bo 00 u 1/1 n 1/1 rt LJ (T\ rsj

16 Event-Handler Methoden Eigenshaften Das Strg-Objekt Allgemees Methoden Eigenshaften Das Submit-Objekt Allgemees Event-Handler Methoden Eigenshaften Das Text-Objekt Allgemees Event-Handler Methoden Eigenshaften Das Textarea-Objekt Allgemees Event-Handler Methoden Eigenshaften Das Wdow-Objekt Allgemees Event-Handler Methoden Eigenshaften Das XMLHttpRequest-Objekt Allgemees Methoden Eigenshaften Top-Level-Eigenshaften und -Methoden Methoden Eigenshaften Websites Newsgups Mailglisten

17 Video-Trag auf der Buh-DVD 37.1 JavaSript JavaSript JavaSript JavaSript Index 843 Video-Trag auf der Buh-DVD 1.1 Die for-shleife 09:14M. 2.1 Die Bwserweihe (1) 08:37 M. 2.2 Die Bwserweihe (2) 05:41 M. 2.3 Zufallszahlen (1) 06:25 M. 2.4 Zufallszahlen (2) 07:40 M. 3.1 Chekboxen 05:39 M. 3.2 Formulare überprüfen (1) 08:32 M. 3.3 Formulare überprüfen (2) 06:19 M. 20