Stefan Koch. JavaScript. Einführung, Programmierung und Referenz inklusive Ajax. 4., komplett überarbeitete Auflage. dpunkt.verlag

Transkript

1 Stefan Koch JavaScript Einführung, Programmierung und Referenz inklusive Ajax 4., komplett überarbeitete Auflage dpunkt.verlag

2 Inhaltsverzeichnis t Einleitung Ziel dieses Buches ;:...; Aufbau dieses Buches...' ECMAScript JavaScript im Browser Webapplikationen Referenz Beispieldateien Danksagungen 4 2 Überblick Das Internet Das World Wide Web...^...: Webbrowser HTML Serverseitige Verarbeitung Clientseitige Verarbeitung Weiterentwicklungen der Markup-Sprachen JavaScript Entstehungsgeschichte Client-side JavaScript Server-side JavaScript... ^ Ajax Andere Einsatzgebiete von JavaScript bzw. ECMAScript Weiterentwicklung und zusätzliche Informationen 18

3 viii Inhaltsverzeichnis 3 Erste Schritte in JavaScript Erstellung eines HTML-Dokuments mit JavaScript-Code Die grundlegende HTML-Datei Einfügen von JavaScript-Code Mehrere JavaScript-Befehle Einfache Berechnungen Reaktion auf Benutzereingaben Kommentare '' Darstellung mit einem nicht JavaScript-fähigen Browser js-bibliotheksdatei..,> Quellcode anzeigen Vorbereitungen vor der Veröffentlichung 35 4 Variablen Einsatz von Variablen Definition von Variablen Ausgangswert einer Variablen Variablennamen Berechnungen ;...; Operatoren Rechenoperatoren Inkrement- und Dekrement-Operatoren Zuweisungsoperatoren Der typeof-operator Bitweise Operatoren...' 47 5 Verzweigungen if-abfragen Vergleichsoperatoren., Die else-anweisung Überprüfen von booleschen Variablen Geschachtelte if-abfragen Der Negationsoperator Boolesche Operatoren Der Konditional-Operator?: switch-anweisungen 56

4 Inhaltsverzeichnis ix 6 Schleifen Die for-schleife Grundaufbau der for-schleife Die Schleifenvariable selbst einsetzen Die Schrittweite festlegen Endlosschleifen...,.,, Sofortiger Abbruch Die while-schleife « break continue Die do-while-schleife 70 7 Funktionen Definieren und Aufrufen einer Funktion Aufbau einer Funktion Aufrufen einer Funktion Aufrufen einer Funktion als Reaktion auf Benutzereingaben Übergabewerte Feste Anzahl von Argumenten Funktionsaufrufe mit Variablenübergabe Variable Anzahl von Argumenten Rückgabewerte Globale und lokale Variablen..;.../..; Globale Variablen Lokale Variablen let Globale oder lokale Variablen? Vordefinierte Funktionen parselnt()......'..'." parsefloat() eval()... jj Fortgeschrittene Themen im Zusammenhang mit Funktionen Die Function-Klasse Anonyme Funktionen...,,,, Innere Funktionen Rekursive Funktionen Generatoren Destructuring 90

5 8 Objekte Was sind Objekte?.,..,.,..,..:^ : Arbeiten mit Objekten... S....v.'.. v.., Eine Klasse definieren Ein Objekt erzeugen Auf Eigenschaften und Methoden zugreifen Das Objekt zerstören Vordefinierte Klassen.... f Die Date-Klasse ;' Erzeugung eines Date-Objekts Festlegen des Datums und der Uhrzeit Ausgabe eines Datums Berechnung von Zeitdifferenzen Das Jahr-2000-Problem Die Math-Klasse Vordefinierte Konstanten Runden von Zahlen Zufallszahlen Die String-Klasse charatq indexof()....!...'".' lastlndexofq substringo ".' split() Länge eines Strings Die Array-Klasse, Erzeugen eines Arrays Zugriff auf die Elemente eines Arrays Initialisierung eines Arrays Dynamische Arrays Unterschiedliche Datentypen in Arrays Assoziative Arrays Elemente zu einem String zusammenfügen Reihenfolge in einem Array umkehren Sortieren von Array-Inhalten Verkürzte Schreibweise Erweiterungen in JavaScript 1.6 und Befehle zum Arbeiten mit Objekten Der instanceof-operator with for..in-schleife 121

6 Inhaltsverzeichnis 8.9 Eigene Klassen Definition einer Klasse Klassen erweitern JavaScript Object Notation Fehlerbehandlung Fehlermeldungen Fehlerarten Syntaxfehler Laufzeitfehler Logische Fehler Debugger Exception Handling Das Error-Objekt Exceptions auslösen t JavaScript im Browser Objekte einer Webseite Das Browserfenster Popup-Fenster Navigation Das location-objekt... : Das history-objekt Browser-Cache..' Ausführen von JavaScript-Code im Browserfenster Gleichzeitige Ausführung verschiedener Skripte Timer»...;...,, Browserversionen überprüfen Abfragen des navigator-objekts Angabe der Javascript-Version im <script>-tag...' Objekte überprüfen Sicherheit Herkunft eines Skripts Sicherheitszonen...; Zertifikate

7 11 Stylesheets und das Document Object Model Cascading Style Sheets Was sind Stylesheets? Einbinden von Stylesheets Klassen,...,., Stylesheets für ein bestimmtes Element festlegen Elemente positionieren Mauszeiger anpassen, Stylesheet-Konflikte Verändern von Stylesheets mit JavaScript Das Document Object Model DOM Level DOM Level Der DOM Inspector.</$ Der DOM-Baum Elemente direkt ansprechen Kinder und Eltern...* Elemente verändern Elemente hinzufügen Elemente umhängen und kopieren Elemente entfernen innerhtml document.all und document.layers Ereignisse Das grundlegende Ereignismodell Funktionsweise :i-1...:..;, Event-Handler festlegen Verfügbare Event-Handler onclick onmouseover und onmouseout onload und onunload Standardaktionen unterbinden Ereignisse mittels Methodenaufruf auslösen Ereignisse im W3C-Standard Event-Listener Event-Capturing und Event-Bubbling Das Event-Objekt Ereignisse selbst erzeugen 197

8 Inhaltsverzeichnis xiii 12.3 Ereignisse im Microsoft Internet Explorer Event-Listener Das event-objekt Event-Capturing und Event-Bubbling Formulare Formulare im Objektmodell Das Form-Objekt Formularelemente Relative Adressierung, Textfelder Text-Objekt - Einzeilige Textfelder Textarea-Objekt - Mehrzeilige Textfelder Password-Objekt Hidden-Objekt Schaltflächen Button-Objekt Submit-Objekt Reset-Objekt Auswahlfelder Checkbox-Objekt Radio-Objekt Auswahllisten Select-Objekt - Einfachauswahl Select-Objekt - Mehrfachauswahl Verändern des Select-Objekts Gruppierung der Einträge in einem Select-Objekt Dateiauswahl FileUpload-Objekt...;..; Gestalten von Formularen Beschriften von Formularelementen Gruppierung vorijformularelementen Aktivierungsreihenfolge Aktivierung des ersten Eingabefelds Deaktivieren von Formularelementen Betätigen der Eingabetaste in einem Formular 230

9 I xiv Inhaltsverzeichnis 13.8 Verarbeiten der Daten...*...:... rv Formularelemente voneinander abhängig machen Formularinhalte an den Server schicken Überprüfen von Formulareingaben Daten für die spätere Verwendung speichern Sicherheitsaspekte beim Versenden von Formularen Versenden der Daten per Reguläre Ausdrücke Verwenden von regulären Ausdrücken Kurzschreibweise Modifikatoren Besondere Zeichen Multiplikatoren Mehrere Zeichen zusammenfassen Das Oder-Zeichen Anker Zeichenklassen Klammern Die RegExp-Klasse Der RegExp()-Konstruktor Methoden der RegExp-Klasse Die String-Klasse im Zusammenhang mit regulären Ausdrücken Alternativen Suche nach einem bestimmten Teilstring Beschränkung auf bestimmte Zeichen Fenster und Frames Fenster Erzeugen von Fenstern über HTML Erzeugen von Fenstern über JavaScript Eigenschaften eines Fensters Schließen eines Fensters Ein Fenster in den Vordergrund bringen Fenster in der Praxis Frames Erstellung von Frames Entfernen von Frames Frames in der Praxis IFrames 274

10 Inhaltsverzeichnis xv I 15.4 Kommunikation zwischen Fenstern und Frames Ansprechen eines Fensters Ansprechen eines Frames Bilder und Animationen Bilder Bildformate Vektorgrafiken Das <img>-tag Das Image-Objekt Positionieren von Bildern Clipping z-index Transparenz Bilder und Links Bilder ersetzen Bilder vorher laden Animationen Animationen allgemein Verschiedene Animationstechniken Lauftexte Clipping verändern Animationen mit Bildern Browserunabhängige Programmierung Unterschiede zwischen den Browsern Browserunabhängiges Drag&Drop Funktionsweise des Drag&Drop-Skripts Verschiedene Ereignismodelle kombinieren Besonderheiten und Verbesserungsmöglichkeiten Suchstrings und Cookies Suchstrings * Auslesen des Suchstrings Verwendung von Leer- und Sonderzeichen Cookies Ein einfaches Cookie Haltbarkeit Ein Cookie löschen Geltungsbereich von Cookies Pfadangaben 322

11 Ixvi Inhaltsverzeichnis Sichere Übertragung Wo werden Cookies gespeichert? Beschränkungen Sicherheit Funktionsbibliothek <,.,-.-.-, Virtuelle Warenkörbe Session IDs Ajax r Funktionsweise von Ajax Desktop-Applikationen und Webapplikationen Asynchrone Kommunikation Aufbau einer Ajax-Applikation Zusammenspiel zwischen Client und Server Dienste im Internet nutzen Sicherheitsaspekte im Zusammenhang mit Ajax Erstellen und Testen einer Ajax-Applikation Technische Voraussetzungen Lokales Erstellen und Testen Hilfsprogramme Gestalten einer Ajax-Applikation Visuelles Feedback Navigation und Lesezeichen Suchmaschinen Das XMLHttpRequest-Objekt Erzeugen eines XMLHttpRequest-Objekts XMLHttpRequest im Internet Explorer 5 und Genereller Ansatz zum Erzeugen eines XMLHttpRequest-Objekts Eine Anfrage an den Server schicken Auf die Antwort des Servers reagieren HTTP-Statuscodes Formulare mit Ajax Alternativen zum XMLHttpRequest-Objekt XML JSON 356

12 Inhaltsverzeichnis xvii I 20 JavaScript und andere Technologien MIME-Types Von JavaScript auf Java zugreifen Java-Applets einbinden Einzelne Methoden aufrufen Das Java-Applet Variablenübergabe Von Java auf JavaScript zugreifen Java-Applets und mayscript Packages einbinden Das JSObject-Objekt 364 Anhang A Referenz 367 A.l Anchor 367 A.2 Area 368 A.3 Argument 368 A.4 Array 369 A.5 Boolean 372 A.6 Button 372 A.7 Checkbox 372 A.8 Date 373 A.9 document 376 A.10 Element 379 A.11 Error 384 A.12 Event 385 A.13 event 388 A.14 FileUpload 389 A.15 Form ) 390 A.16 Frame 391 A.17 Function 392 A.18 Global 392 A.19 Hidden 394 A.20 history 394 A.21 IFrame 395

13 I xviii Inhaltsverzeichnis A.22 Image J,, A.23 Input 397 A.24 Link 398 A.25 location A.26 Math 401 A.27 MimeType 403 A.28 navigator 403 A.29 Number > A.30 Object 405 A.31 Option 405 A.32 Password 406 A.33 Plugin 406 A.34 Radio 407 A.35 RegExp 407 A.36 Reset 408 A.37 screen 409 A.38 Select 409 A.39 String 410 A.40 style 412 A.41 Submit 414 A.42 Text 414 A.43 Textarea 415 A.44 window 415 A.45 XMLHttpRequest 420 B Literatur und Online-Ressourcen 423 Stichwortverzeichnis 425