LinuxUser Programmieren (Vorschau)

Javascript
SCHWERPUNKT
Javascript, JQuery und das
DOM-Modell im Zusammenspiel
Blick
aufs
Objekt
© Bernadg, sxc.hu
Javascript hat sich zu einer der wichtigsten Programmiersprachen
entwickelt. Wer die Grundlagen beherrscht, hat im Handumdrehen
das Web 2.0 gemeistert. Peter Kreußel
Bei den meisten Webanwendungen
und dynamischen Webseiten
sitzt die Programmlogik auf dem
Server: Ein in PHP, Java, Python,
oder Perl geschriebenes Skript erzeugt
auf Benutzeranfragen zugeschnittene
HTML-Seiten [1]. Doch
die Browser enthalten mit ihren
Javascript-Interpretern eine vollständige
und dazu sehr leistungsfähige
Laufzeitumgebung.
Javascript-Programme reagieren
auf Eingaben des Benutzers
und greifen über eine DOM genannte
API auf die geöffnete
HTML-Seite zu. Diese Schnittstelle
von Javascript zu HTML erlaubt
es, Attribute für jedes Tag
auf der Seite (Farbe, Größe oder
Sichtbarkeit) zu ändern. Darüber
hinaus bietet sie die Möglichkeit,
Bereiche der Seite zu entfernen
oder beliebige HTML-Elemente
an jeder Stelle der Seite einzufügen
(Abbildung A).
A Die Javascript-Laufzeitumgebung, die über die DOM-Schnittstelle in beide
Richtungen mit der HTML-Seite kommuniziert, reagiert auf Eingaben des Benutzers
und verändert Inhalt und Eigenschaften von HTML-Tags.
Alte Bekannte
Abgesehen von der Objektorientierung
ähnelt Javascript der Programmiersprache
C. Viele andere
Sprachen, von Java bis Perl, teilen
diese Grundstrukturen (Schleifen,
Bedingungen, Operatoren)
ebenfalls. Darum fällt der Umstieg
leicht, solange Sie nur die
prozeduralen Elemente der Sprache
einsetzt, was das Gliedern des
Quellcodes in Routinen für bestimmte
Aufgabe umfasst.
Für kleinere Anwendungen
funktioniert dies gut. Die für größere
Programme unverzichtbare
Objektorientierung setzt Javascript
allerdings sehr eigenwillig
um. Die zweite Hälfte des Artikels
widmet sich deshalb dieser speziellen
Variante des Kapselns von
Daten und Vererbung.
Die Wahl des Namens Javascript
folgte eher Marketingüberlegungen
als sachlichen Gründen: Außer
einem Grundinventar, das
Java ohnehin mit C und weiteren
Sprachen teilt, übernimmt Javascript
nur die Dot-Notation Objekt.Attribut.
Anders als bei Java
handelt es sich bei Javascript jedoch
um keine streng objektorientierte
Sprache.
Außerdem integriert Javascript
Elemente des funktionalen Programmierens,
die Java bis heute
fehlen. Funktionale Programmier-
Jquery 1.8.2,
Beispieldateien
LU/javascript/
README
Dieser Artikel führt in
den Umgang mit der im
Browser eingebauten
Sprache Javascript ein.
Er erläutert die Grundzüge
der Sprache und
gibt Beispiele für den
Zugriff auf die geöffnete
HTML-Seite über die
DOM-Schnittstelle.
GLOSSAR
Objektorientierung: Objektorientierte
Programmiersprachen
bündeln
in den namensgebenden
Objekten Datenattribute
und zugehörige
Methoden zu einer logischen
Einheit.
www.linux-user.de
11 | 12 25