Java Script Download

Hier können Sie einige JavaScript Skripte herunterladen, die Sie kostenlos auf Ihrer eigenen Seite nutzen können. Dabei ist darauf zu achten, daß – falls vorhanden – stets die einleitenden Kommentare mit den Hinweisen auf den Urheber erhalten bleiben. Sie können die einzelnen Skripte vor dem Download entweder direkt auf der Skriptseite oder auf speziellen Demonstrationsseiten ausprobieren. Dies setzt allerdings voraus, dass Sie JavaScript in Ihrem Browser aktiviert haben.

Demos zu unseren Scripts

Beispiele zur JavaScript Programmierung

In unserem Beispielbereich finden Sie Script-Beispiele zu der clientseitigen Scriptsprache JavaScript. Hier werden die unter JavaScript vordefinierten Objekte angesprochen und deren Verwendung mit entsprechenden Nutzungsbeispielen demonstriert. So gibt es zahlreiche Beispiele zur den Objekten Style, Array, String oder Date. Viele der durch diese Objekte zur Verfügung gestellten Methoden und Eigenschaften werden kurz beschrieben und eine kleine Beispielanwendung zeigt denkbare Anwendungsfälle auf.

Auch allgemeine Fragen zur Programmierung mit JavaScript sollen im Beispielbereich angesprochen werden. So wird etwa gezeigt, auf welche Weise Sie JavaScript Code in HTML einbinden können. Darüber hinaus gibt es zu den verschiedenen unter JavaScript verfügbaren Sprachelementen (z.B. function) und Kontrollstrukturen (etwa die For-Schleife oder die If-Abfrage) zahlreiche Codebeispiele. Auch zur Verwendung und Sichtbarkeit von Variablen finden Sie entsprechende Scriptbeispiele.

Event-Handling

Ein wichtiges Thema bei der Programmierung von Webanwendungen mit JavaScript ist die Behandlung von Benutzerereignissen. Diese sogenannten Events können dazu genutzt werden, auf vom Seitenbesucher eingeleitete Aktionenen zu reagieren. Dazu wird eine spezielle JavaScript Funktion implementiert – ein sogenannter Event-Handler –, die auf eine vom Nutzer eingeleitete Aktion mit den dazu entsprechenden Operationen reagiert. Neben allgemeinen Beispielen zur Nutzung von JavaScript Events wird auch auf spezielle Events – insbesondere das onLoad-Event, das onClick-Event und das onChange-Event – anhand praktischer Beispiele eingegangen.

Formulare in JavaScript

Zur Interaktion mit den Besuchern einer Website werden häufig Formulare eingesetzt, die dem Benutzer die Möglichkeit geben Informationen einzugeben oder Anfragen – etwa bei Eingabe einer Suchanfrage – an den Webserver zu stellen. JavaScript kann hier bereits im Vorfeld (vor der Übertragung der Daten an den Webserver) die vom Benutzer getätigte Eingabe auf Gültigkeit prüfen, was zu einer Entlastung des Webservers führt und zugleich das Datenvolumen verringert. Das Zusammenspiel von HTML-Forms und JavaScript wird unter JavaScript und Formulare angesprochen. Hier wird das Ansprechen von Eingabeelementen in einem Formular (Input-Felder) demonstriert aber auch auf HTML-Elemente des Typs Button wird dort eingegangen. Auch das scriptgesteuerte Abschicken der Formulardaten (Submit) und Zurücksetzen von in einem Formular eingegebenen Daten (Reset) wird angesprochen.

Zusätzliche Beispiele im Zusammenhang mit Forms gibt es auch zu mehrzeiligen Eingabeelementen, den sogenannten Textareas. Diese beinhalten den Zugriff auf die Benutzereingabe mittels der Value-Eigenschaft der Textarea. Darüber hinaus werden auch Checkboxen behandelt. Hier wird auch gezeigt, wie Sie mittels JavaScript-Code Checkboxen aktivieren können.

JavaScript und Ajax

Mit Ajax wurde eine – eigentlich nicht mehr ganz frische – Technologie wieder ausgegraben. Auch das Zusammenspiel von JavaScript und Ajax wird deshalb angesprochen. Neben grundsätzlichen Informationen zu Ajax und einem Beispiel, welches einen Ajax-Request schrittweise ausführt, sollen auch die verschiedenen Request-Typen gezeigt werden. HTTP-Requests können auf unterschiedliche Weise an den Webserver geschickt werden. Diese Vorgehensweisen sollen auch anhand je eines Ajax-Beispiels demonstriert werden (GET-Request, POST-Request und Head-Request). Wie Sie die durch einen – als Folge eines Ajax-Requests – Webserver im XML-Format gelieferten Nutzdaten weiterverarbeiten können lesen Sie bitte unter XML mit JavaScript verarbeiten.