|
Inhaltsverzeichnis |
6 |
|
|
Vorwort |
12 |
|
|
1 Einleitung |
14 |
|
|
1.1 Über das Buch |
14 |
|
|
1.1.1 An wen sich das Buch wendet |
14 |
|
|
1.1.2 Wie dieses Buch organisiert ist |
16 |
|
|
1.1.3 Was Sie in dem Buch lernen |
16 |
|
|
1.1.4 Schreibkonventionen |
17 |
|
|
1.2 Was Sie unbedingt haben sollten |
17 |
|
|
1.2.1 Die Hardware |
18 |
|
|
1.2.2 Die Software |
18 |
|
|
1.3 Übungsaufgaben |
36 |
|
|
2 Grundlagen |
38 |
|
|
2.1 Erste JavaScript-Beispiele |
38 |
|
|
2.1.1 Ein einfaches Mitteilungsfenster |
39 |
|
|
2.1.2 Schreiben eines angepassten Aktualisierungsdatums |
41 |
|
|
2.1.3 Entgegennahme einer Benutzereingabe |
42 |
|
|
2.2 Einige Details zum Internet und dem WWW |
43 |
|
|
2.2.1 Das WWW, HTTP und die Internet-Dienste |
43 |
|
|
2.2.2 TCP/IP und die Adressierung in Internet |
45 |
|
|
2.2.3 Das W3C & Co |
47 |
|
|
2.3 Die Besonderheit bei der Web- Programmierung |
48 |
|
|
2.3.1 Unterschiedliche Plattformen und Interpretation |
49 |
|
|
2.4 Ein erster Überblick über wichtige Techniken der Webprogrammierung |
51 |
|
|
2.4.1 HTML & XHTML |
51 |
|
|
2.4.2 Skriptsprachen |
52 |
|
|
2.4.3 Java |
56 |
|
|
2.4.4 ActiveX |
56 |
|
|
2.4.5 Grundlagen zu Style Sheets |
58 |
|
|
2.4.6 DHTML |
59 |
|
|
2.4.7 XML |
59 |
|
|
2.4.8 AJAX |
61 |
|
|
2.4.9 Cookies |
62 |
|
|
2.4.10 Grafik und Multimedia |
63 |
|
|
2.4.11 Warum sind JavaScript und (X)HTML eine ideale Kombination für die Webprogrammierung? |
63 |
|
|
2.5 Aufbau und Versionen von JavaScript |
64 |
|
|
2.5.1 Die Versionszyklen von JavaScript |
64 |
|
|
2.5.2 JavaScript und Sicherheit |
66 |
|
|
2.6 Übungsaufgaben |
68 |
|
|
3 Vorbereitende Basics |
70 |
|
|
3.1 Der Aufbau von (X)HTML-Dateien |
71 |
|
|
3.1.1 Steueranweisungen |
73 |
|
|
3.1.2 Parameter |
75 |
|
|
3.2 Strukturierung und Gestaltung mit HTML |
76 |
|
|
3.2.1 Das Grundgerüst einer Webseite |
76 |
|
|
3.2.2 Tags zur Strukturierung von Inhalt |
80 |
|
|
3.2.3 Referenzen |
84 |
|
|
3.3 Formulare und Benutzerinteraktion |
86 |
|
|
3.3.1 Definition eines Formulars |
86 |
|
|
3.3.2 Die Formularelemente |
91 |
|
|
3.3.3 Sonderzeichen und Maskierung |
96 |
|
|
3.4 HTML versus XHTML |
99 |
|
|
3.5 Die Gültigkeit von Webseiten testen |
101 |
|
|
3.6 Grundlagen zu Style Sheets |
104 |
|
|
3.6.1 Die Verwendung von Style Sheets in einer Webseite |
104 |
|
|
3.6.2 Die konkrete Syntax von CSS-Deklarationen |
107 |
|
|
3.6.3 Selektoren |
108 |
|
|
3.7 XML-Grundlagen |
113 |
|
|
3.7.1 Erstellung von XML-Dokumenten |
114 |
|
|
3.7.2 Die Anzeige von XML-Dokumenten |
115 |
|
|
3.7.3 Formatierung von XML-Daten |
117 |
|
|
3.7.4 XML-Elemente |
118 |
|
|
3.7.5 Die Syntax eines XML-Dokuments |
119 |
|
|
3.7.6 Weitere Komponenten von XML |
122 |
|
|
3.7.7 Namensräume |
124 |
|
|
3.7.8 Gültige XML-Dokumente |
124 |
|
|
3.8 Übungsaufgaben |
126 |
|
|
4 JavaScript in Webseiten einbinden |
130 |
|
|
4.1 Einbindung 1 - die Notation eines Skriptcontainers in der Webseite |
131 |
|
|
4.1.1 Der type-Parameter |
131 |
|
|
4.1.2 Der HTML-Kommentar im Skriptbereich |
133 |
|
|
4.1.3 Ein korrekter Skript-Container |
134 |
|
|
4.2 Einbindung 2 - die Verwendung von externen JavaScript-Dateien |
135 |
|
|
4.3 Einbindung 3 - die Inline-Referenz |
138 |
|
|
4.4 Der |
140 |
|
|
4.5 Angabe einer JavaScript-Version |
140 |
|
|
4.6 Wie kann ich sicherstellen, dass ein Browser nur solche JavaScript- Anweisungen ausführt, die er versteht? |
144 |
|
|
4.7 Kann man testen, ob bei einem Browser JavaScript aktiviert ist? |
146 |
|
|
4.8 Kann man testen, welche JavaScript- Version von einem Browser unterstützt wird? |
148 |
|
|
4.9 Übungsaufgaben |
149 |
|
|
5 Elementare JavaScript-Grundstrukturen |
150 |
|
|
5.1 Schlüsselwörter in JavaScript |
151 |
|
|
5.2 Variablen und Literale |
153 |
|
|
5.2.1 Datentypen |
153 |
|
|
5.2.2 Variablen anlegen |
155 |
|
|
5.2.3 Wertzuweisung |
156 |
|
|
5.2.4 Namensregeln für Variablen |
157 |
|
|
5.3 Datenfelder |
157 |
|
|
5.4 Anweisungen |
160 |
|
|
5.4.1 Blöcke |
160 |
|
|
5.4.2 Ausdrücke |
160 |
|
|
5.4.3 Operatoren |
161 |
|
|
5.4.4 Kommentare in JavaScript |
170 |
|
|
5.4.5 Steuerzeichen bei Zeichenketten |
170 |
|
|
5.4.6 Kontrollstrukturen in JavaScript |
171 |
|
|
5.5 Funktionen, Prozeduren und Methoden |
186 |
|
|
5.5.1 Verwendung von vorgefertigten Funktionen |
187 |
|
|
5.5.2 Die Definition eigener Funktionen |
188 |
|
|
5.5.3 Rückgabewerte einer Funktion mit return |
189 |
|
|
5.5.4 Beispiele für selbst definierte Funktionen |
189 |
|
|
5.5.5 Rekursive Funktionsaufrufe |
191 |
|
|
5.6 Aufruf einer JavaScript-Funktion per Eventhandler und das event-Objekt |
192 |
|
|
5.6.1 Verschiedene Ereignisse |
194 |
|
|
5.6.2 Erster Kontakt zum event-Objekt in JavaScript |
206 |
|
|
5.7 Übungsaufgaben |
207 |
|
|
6 Fehlersuche und -behandlung in JavaScript |
208 |
|
|
6.1 Welche Fehler gibt es? |
209 |
|
|
6.1.1 Typografische Fehler |
209 |
|
|
6.1.2 Syntaktische Fehler |
210 |
|
|
6.1.3 Laufzeitfehler |
210 |
|
|
6.2 Wie können Fehler verhindert werden? |
211 |
|
|
6.3 Vernünftige Sicherungsmaßnahmen |
211 |
|
|
6.4 Fehler suchen |
212 |
|
|
6.4.1 Fehler ohne Debugger finden |
212 |
|
|
6.4.2 Fehlersuche mit einem Debugger |
216 |
|
|
6.5 Fehler beheben |
225 |
|
|
6.6 Übungsaufgaben |
226 |
|
|
7 JavaScript und Objekte |
228 |
|
|
7.1 Objekte |
228 |
|
|
7.1.1 Wie werden Methoden und Eigenschaften in JavaScript verwendet? |
229 |
|
|
7.1.2 Klassen, Instanzen & Vererbung |
230 |
|
|
7.2 JavaScript-Objekte erzeugen |
231 |
|
|
7.2.1 Erzeugen von Datenfeldern |
234 |
|
|
7.2.2 Operationen mit Datumsobjekten |
237 |
|
|
7.2.3 String-Objekte |
253 |
|
|
7.3 Klassenmethoden und Klasseneigenschaften verwenden |
258 |
|
|
7.4 Die automatisch verfügbaren Objekte in JavaScript - DOM |
260 |
|
|
7.4.1 In JavaScript verfügbare Klassen und DOM- Objekte |
262 |
|
|
7.4.2 Generelle Zugriffsmöglichkeiten auf DOM- Objekte |
267 |
|
|
7.4.3 Zugriff auf Inhalte von Elementen in der Webseite |
268 |
|
|
7.4.4 Das node-Objekt |
269 |
|
|
7.4.5 Hilfe durch den DOM Inspector |
272 |
|
|
7.4.6 Das Objekt window |
280 |
|
|
7.4.7 Frames und das Objektfeld frames |
296 |
|
|
7.4.8 Das Objekt document |
302 |
|
|
7.4.9 Das Objekt navigator |
309 |
|
|
7.4.10 Das Objekt history |
315 |
|
|
7.4.11 Das screen-Objekt |
316 |
|
|
7.4.12 Formulare |
319 |
|
|
7.4.13 Objekte vom Typ Image |
335 |
|
|
7.5 Klassen erzeugen und Prototyping |
336 |
|
|
7.5.1 Erstellen einer Konstruktormethode |
336 |
|
|
7.5.2 Erweiterung eines bestehenden Objekts beziehungsweise eine Klasse - Prototyping |
340 |
|
|
7.6 Übungsaufgaben |
342 |
|
|
8 Reaktion |
344 |
|
|
8.1 Actio und Reactio |
345 |
|
|
8.2 Ausnahmebehandlung |
346 |
|
|
8.2.1 Was ist eine Ausnahme? |
346 |
|
|
8.2.2 Das Auffangen einer Ausnahme |
348 |
|
|
8.2.3 Mehrere Ausnahmen behandeln |
353 |
|
|
8.3 Ereignisbehandlung in JavaScript |
353 |
|
|
8.3.1 Das Netscape-Ereignismodell |
355 |
|
|
8.3.2 Das Microsoft-Ereignismodell |
356 |
|
|
8.3.3 Die Reaktion auf ein Ereignis |
357 |
|
|
8.3.4 Die Verwertung des event-Objekts |
360 |
|
|
8.3.5 Universelle Behandlung |
364 |
|
|
8.3.6 Globale Ereignisbehandlung in JavaScript |
373 |
|
|
8.3.7 Wie erfolgt die Registrierung eines Listeners? |
373 |
|
|
8.3.8 Eine universelle Funktion zur Registrierung eines Listeners |
377 |
|
|
8.4 Übungsaufgaben |
378 |
|
|
9 DHTML |
380 |
|
|
9.1 DHTML mit reinem JavaScript |
380 |
|
|
9.1.1 Eine Animation durch Manipulation von Grafiken |
383 |
|
|
9.2 Verbinden von JavaScript und Style Sheets |
386 |
|
|
9.2.1 Mit style eine Webseite formatieren |
391 |
|
|
9.2.2 Eine Animation mit style |
392 |
|
|
9.3 Verändern des Inhalts der Webseite |
394 |
|
|
9.3.1 Ein aufklappbares Navigationsmenü |
395 |
|
|
9.3.2 Eine Menüleiste |
399 |
|
|
9.4 Den Mauszeiger verändern |
403 |
|
|
9.5 Übungsaufgaben |
405 |
|
|
10 AJAX und das Web 2.0 |
406 |
|
|
10.1 Was bringt AJAX? |
406 |
|
|
10.2 Eine Laufzeitumgebung für AJAX- Anwendungen |
408 |
|
|
10.3 Der grundsätzliche Ablauf einer AJAX- Anfrage |
409 |
|
|
10.4 Das XMLHttpRequest-Objekt |
409 |
|
|
10.5 Die Anforderung von Daten |
413 |
|
|
10.5.1 Die Methoden eines XMLHttpRequest-Objekts |
414 |
|
|
10.5.2 Die Eigenschaften eines XMLHttpRequest- Objekts |
416 |
|
|
10.6 Verschiedene Datentypen vom Server per AJAX nachfordern |
417 |
|
|
10.6.1 Eine reine Textdatei mit AJAX |
418 |
|
|
10.6.2 Nachfordern einer dynamisch generierten Antwort |
422 |
|
|
10.6.3 Nachfordern von XML-Daten |
425 |
|
|
10.7 Statusinformationen für den Anwender |
429 |
|
|
10.7.1 Die Auswertung des Statuscodes vom Server |
429 |
|
|
10.8 Die HTTP-Header |
432 |
|
|
10.8.1 Der HTTP-Request |
432 |
|
|
10.8.2 Der HTTP-Response |
434 |
|
|
10.8.3 Die Meldungen eines Webservers |
435 |
|
|
10.8.4 Ein praktisches Beispiel mit Auswertung der HTTP-Header |
436 |
|
|
10.9 Übungsaufgaben |
437 |
|
|
11 Die Buch-CD |
438 |
|
|
Stichwortverzeichnis |
440 |
|
|
Mehr eBooks bei www.ciando.com |
0 |
|