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.

Letzte Posts aus unserem Forum

Probleme mit iphone

Hallo, ich habe ein Problem bei der Darstellung einer Webseite. In allen Browsern hat das bisher bestens funktioniert außer beim iPhone und iPad, wo ... » mehr

von Finlay am Dienstag, 10. Juli 2012 19:45 in JavaScript - noch nicht beantwortet

Stream musik

Hallo, ich bin auf der Suche nach einem Script, mit dem ich einen Leser für Audio-Spuren in eine Html-Webseite einfügen kann. Ich brauche dabei ... » mehr

von Finlay am Sonntag, 22. Januar 2012 22:52 in JavaScript - bisher 2 Antworten
Letzter Beitrag: Dienstag, 8. Mai 2012 16:04 von maharadja

ich habe das mal mit jplayer probiert und bei mir gings ... » mehr

Byte Array PDF im Browser anzeigen

Hallo, ich bekomme von einem Webservice ein PDF als Byte Array. Mit einem JsonP Request habe ich das Byte Array so wie es ist (als Array von Bytes) ... » mehr

von TiloS am Mittwoch, 11. April 2012 17:37 in JavaScript - noch nicht beantwortet

Überbelnd effect in javascript gallerie

ich habe hier einie gallerie die funktioniert problem los aber hat noch kein über belnd effect jedoch würde ich diesen gerne einfügen aber ich habe ... » mehr

von faebe am Freitag, 20. Januar 2012 20:19 in JavaScript - noch nicht beantwortet

XML per JavaScript verarbeiten - IE

Hallo! Vielen Dank für das super kommentierte Script-Beispiel zur Weiterverarbeitung von XML-Dateien per JavaScript: ... » mehr

von gn0me am Freitag, 11. März 2011 19:03 in JavaScript - noch nicht beantwortet


¬ Insolvenzrecht