JavaScript - auf Matthias-Draeger.info
JavaScript - auf Matthias-Draeger.info JavaScript - auf Matthias-Draeger.info
Objektbaum • Alle HTML-Elemente, Attribute und Texte eines Dokuments sind als Knoten eines Objektbaums repräsentiert und haben Eigenschaften und Methoden des Prototyps node. • Typische Eigenschaften: • childNodes: Feld der Kindknoten • nodeName: Marke eines Elements, z.B. A für .. • Typische Methoden: • appendChild(node) hängt angegebenen Knoten an • removeChild(node) entfernt angegebenen Knoten • deleteData(from,length) löscht Teil eines Attribut- oder Textwerts • Beachte: Jede Änderung am Objektbaum hat eine entsprechende Änderung der Darstellung zur Folge! Robert Tolksdorf und Peter Löhr 22
Objekt window • ... repräsentiert das Browser-Fenster, in dem der JavaScript Code abläuft. Beachte: statt window.xyz kann man auch self.xyz oder xyz schreiben. • Typische Eigenschaft: • status: Inhalt der Statuszeile (unten); kann beliebig gesetzt werden! • Typische Komponente: • document: das im Fenster gezeigte Dokument (s.u.) • Typische Methoden: • alert(warning) öffnet Extrafenster mit Warnungstext • confirm(question) öffnet Extrafenster mit ja/nein-Frage und liefert true/false entsprechend der Benutzerreaktion • back() geht zur letzten Seite zurück • open(URI, name) öffnet ein neues Fenster Robert Tolksdorf und Peter Löhr 23
- Seite 1 und 2: Netzprogrammierung Mobiler Code Rob
- Seite 3 und 4: Klientenseitige Verarbeitung •
- Seite 5 und 6: Einbettung von Skript-Code HTML-Ele
- Seite 7 und 8: Skript-Code als Ziel eines Verweise
- Seite 9 und 10: Ereignis-Attribute • onclick •
- Seite 11 und 12: JavaScript https://developer.mozill
- Seite 13 und 14: JavaScript • JavaScript ist keine
- Seite 15 und 16: Daten in JavaScript • dynamisch g
- Seite 17 und 18: Funktionen in JavaScript • ... si
- Seite 19 und 20: Methoden von Objekten • Methoden
- Seite 21: vereinfachte Objekthierarchie (aus
- Seite 25 und 26: Prototyp form • Beachte: form ist
- Seite 27 und 28: Prototyp element • Element eines
- Seite 29 und 30: Überprüfung von Formulareingaben
- Seite 31 und 32: Überprüfung von Formulareingaben
- Seite 33 und 34: Sicherheit • Mit JavaScript Code
- Seite 35 und 36: AJAX - Asynchronous JavaScript and
- Seite 37 und 38: Ziel: änderbares GUI Nur Teile des
- Seite 39 und 40: AJAX • JavaScript Code im Dokumen
- Seite 41 und 42: AJAX • HTTP-Statuscode prüfen if
- Seite 43 und 44: AJAX: Beispiel function alertConten
- Seite 45 und 46: Zusammenfassung Robert Tolksdorf un
- Seite 47: Literatur • St. Münz: Web-Seiten
Objektbaum<br />
• Alle HTML-Elemente, Attribute und Texte eines Dokuments<br />
sind als Knoten eines Objektbaums repräsentiert und<br />
haben Eigenschaften und Methoden des Prototyps node.<br />
• Typische Eigenschaften:<br />
• childNodes: Feld der Kindknoten<br />
• nodeName: Marke eines Elements, z.B. A für ..<br />
• Typische Methoden:<br />
• appendChild(node) hängt angegebenen Knoten an<br />
• removeChild(node) entfernt angegebenen Knoten<br />
• deleteData(from,length) löscht Teil eines Attribut- oder<br />
Textwerts<br />
• Beachte: Jede Änderung am Objektbaum hat eine<br />
entsprechende Änderung der Darstellung zur Folge!<br />
Robert Tolksdorf und Peter Löhr 22