Stil mit {stil}

Jan 2009

Einführung in Javascript

Javscript ändert HTML-Seiten, die bereits im Browserfenster geladen sind und kann im Hintergrund mit dem Server kommunizieren.

Javascript ist eine Skriptsprache, die HTML-Seiten ändert, wenn die Seite beim Besucher geladen ist – z.B. um das Layout der Webseite an das Browserfenster anzupassen oder Formulare schon beim Benutzer zu verarbeiten und den aufwändigen Verkehr zwischen Client und Server zu reduzieren.

Javascript ändert eine Seite, die bereits zum Besucher heruntergeladen wurde, nachträglich. Das geschieht meist aufgrund von Benutzeraktionen wie Mausklicks und Einträgen in Formulare. Dabei muss die Seite nicht erneut vom Server geladen werden. Das hatte es zuvor nicht gegeben – vor Javascript gab es nur den langsamen und statischen Stop-And-Go-Betrieb zwischen dem HTTP-Client und dem HTTP-Server. Mit der Entwicklung von Javascript begann das dynamische Internet.

Skriptsprachen werden meist für die Kommunikation mit dem Benutzer eingesetzt: Der Benutzer trägt seinen Namen in einem Formular ein und das Skript wertet die Eingabe aus. Dazu muss Javascript Ereignisse wie eine Benutzereingabe erkennen – man sagt auch: Javascript ist eine ereignisgesteuerte Sprache.

Scriptsprachen sind i.d.R. für spezielle Aufgaben entwickelt und bieten selten die Möglichkeit, Benutzerschnittstellen zu programmieren, sondern verlassen sich auf Programme wie Browser.

Der Browser stellt das Fenster zum Dokument zur Verfügung – um das Speichern, Drucken … muss sich Javascript nicht kümmern

PHP (als Scriptsprache auf dem Server) und Javascript (als client-seitige Scriptsprache) nutzen den Browser als Benutzeroberfläche und überlassen die komplexen Niederungen der Programmierung wie Threads und Memory Management dem Browser. Das macht Scriptsprachen wie Javascript und PHP so genial einfach für Einsteiger – Javascript ist schnell zu lernen.

Web2 und Ajax

Javascript war viele Jahr verpönt und sogar als gefährlich gebranntmarkt. Web2 und Ajax (dahinter steckt der XMLHttpRequest) – haben Javascript aus diesem Dilemma herausgeholt – die »Backends« der Content Management Systeme und Blogs wie Wordpress zeigen uns, was sich mit modernem Javascript, sauberem Markup und den neuen Javascript-Librarys wie jQuery alles anstellen läßt.

Das Wordpress-Backend: Hier schreibt der Benutzer seine Artikel mit Funktionen wie in einem Textbearbeitungsprogramm.

Javascript, Java und JScript

Javascript wurde ursprünglich als »LiveScript« von Netscape für den Einsatz in Netscape Navigator 2 entwickelt und später in Javascript umbenannt (dabei war »LiveScript« die bessere Beschreibung) und lehnt sich an die Ideen der Programmiersprachen C und Java an.

Nach dem großen Erfolg von Javascript in Netscape Navigator entwickelte Microsoft JScript, eine Skriptsprache, die fast identisch mit Javascript ist, sich aber in kleinen nervigen Details von Javascript unterschied. Die Antwort darauf war die Standardisierung von Javascript als ECMAScript (European Computer Manufacturers Association – die ECMA setzt auch die Basis für Programmiersprachen wie C#). Mit der fortschreitenden Entwicklung von Javascript und JScript sind beide Skriptsprachen den neueren Versionen von ECMAScript immer näher gekommen und inzwischen konform zum Standard ECMAScript 262 v3.

Javascript und ECMAScript

Die ECMA legt nur den Kern der Javascript-Spezifikation fest – für webbasierte Anwendungen springt das W3C ein: Das Document Object Model (DOM) legt Empfehlungen für Zugriff auf Dokumente, Stylesheets, das Fenster des Browsers und das Event Handling vor. Da sich heute alle modernen Browser dem DOM des W3C verpflichtet haben, ist die plattformübergreifende Programmierung mit Javascript einfacher geworden.