JavaScript Beispiele

An dieser Stelle werden einige JavaScripts vorgestellt, welche die Nutzung der verschiedenen vordefinierten JavaScript-Objekte demonstrieren sollen. Dies geschieht anhand von praktischen Beispielen, die recht einfache Problemstellungen lösen. Die Beispiele sollen den Einstieg in die Programmierung mit JavaScript erleichtern. Es versteht sich von selbst, dass die hier aufgeführten Beispiele nur mit aktiviertem JavaScript funktionieren.

Eine Liste der Beispiele finden Sie rechts neben diesem Text. Sie ist auf allen Unterseiten dieses Bereichs vorhanden, so dass Sie in den einzelnen Beispielen stöbern können. Diese Liste enthält nicht nur Beispiele zu vordefinierten JavaScript-Objekten und deren Methoden, sondern auch allgemeine Nutzungsbeispiele zum Thema JavaScript.

Der Beispielbereich unterteilt sich im Wesentlichen in Bereiche, in denen der Umgang mit bestimmten Methoden, Objekten, Ereignissen oder bestimmten Sprachelementen beschrieben wird. Unter den Methoden geht es etwa um den Zugriff auf HTML-Elemente per DOM. Hier werden einzelne Elemente der HTML-Seite erzeugt und in den Elementenbaum der Seite eingefügt. Auch Änderungen an der Dokumentstruktur werden druchgeführt. Hierzu kommt insbesondere die Methode getElementById zum Einsatz, mit deren Hilfe einzelne Elemente über deren ID selektiert werden können. Ist das entsprechende Element einmal ermittelt, so läst sich beispielsweise das Layout des Elements anpassen, wozu man sich der Schnittstelle des unter dem HTML-Element gelegenen Style-Objekts bedienen kann.

Darüber hinaus werden einzelne vordefinierte JavaScript-Objekte beschrieben. Zu nennen sind hier zum Beispiel das Objekt Array, mit dem sich Daten in einem Feld ablegen lassen. Der Zugriff auf diese Daten können über einen Index erfolgen. Aber auch die Speicherung als assoziatives Array ist unter JavaScript umsetzbar. Zudem werden auch Beispiele zu mehrdimensionalen Arrays und zum sortieren von Arrays gegeben.

Weitere Objekttypen werden auf Date, String oder Document beschrieben. Eine besondere Rolle bei der Interaktion mit dem Seitenbesucher spielen die sogenannten Benutzerereignisse. Hier werden Ereignisse, die etwa durch Anklicken eines HTML-Elements oder durch das Betätigen einer Taste, erkannt und durch den JavaScript-Code entsprechend verarbeitet. Dies geschieht mittels der sogenannten Event-Handler, die auf eine bestimmte Benutzeraktion reagieren und bestimmte Reaktionen einleiten. Neben allgemeinen Ausführungen zu Events gibt es auch einige Beispiele zu bestimmten Events, wie beispielsweise dem onLoad-Event, dem onChange-Event oder dem onClick-Event.

Zum Thema Interaktion mit dem Seitenbenutzer sollten auch die Ausführungen unter Formulare recht interessant sein. Hier gibt es Beispiele zur Verarbeitung von Benutzereingaben in HTML-Formularen – etwa zu Vorgängen, wie Reset und Submit oder zur Prüfung von Eingabefeldern. Zur Speicherung von Benutzerdaten werden auch Cookies angesprochen. Unter JavaScript und Ajax finden Sie grundlegende Informationen und Beispiele zum Umgang mit dieser asynchronen Technik zur Übertragung von Daten.

In der Rubrik Sprache werden Sprachelemente von JavaScript beschrieben. Zur Sprache kommen hier verschiedene Typen von Schleifen oder Abfragen. Zusätzlich gibt es Informationen zum Umgang mit Exceptions und allgemeine Ausführungen zu Variablen und deren Gültigkeit in verschiedenen Code-Bereichen unter JavaScript.

JavaScript Scripts und Demos

Was sich alles mit Hilfe von JavaScript umsetzen lässt ist im JavaScript-Bereich des Scriptarchivs ersichtlich. Dort finden Sie fertige Scripts zu den unterschiedlichsten Themen, zu denen auch Demos bereit stehen. Sie können diese Scripte dort herunterladen und kostenlos auf Ihrer Homepage einsetzen.

• JavaScript Navigationsmenu Download (JavaScript Menu Demo)
• JavaScript Bildergalerie Download (JavaScript Bilderalbum Demo)
• JavaScript Fontsize Download (JavaScript Fontsize Demo)