Einstieg in Javascript

Wie arbeitet man mit Javascript?

Javascript wurde Mitte der 1990er-Jahre von Netscape für den damals erfolgreichen Netscape-Browser erfunden und hat seither eine beeindruckende Erfolgsgeschichte geschrieben, wenngleich auf vielen Seiten mit Ausnahme der Werbeeinblendungen Javascript zurückgedrängt wurde. Durch AJAX, einer Kombination von Javascript und PHP, hat die Sprache wieder an Wert hinzugewonnen.

Was kann man mit Javascript realisieren?

Was ist nun Javascript genau und was kann man damit machen? Wenn man eine Webseite aufbaut, bei der man das aktuelle Datum und die Uhrzeit anzeigen möchte, kann man das natürlich mit dynamischen Sprachen wie PHP realisieren, denn es gibt den date-Befehl in PHP, um Datum und Uhrzeit herauszufinden und zu verarbeiten.

Der Haken: Die Uhrzeit bleibt gleich, auch wenn man sich drei Stunden auf der Webseite befindet. Mit Javascript kann man ebenfalls die Uhrzeit anzeigen lassen, aber diese läuft weiter und weiter und weiter.

Unterschied PHP und Javascript

Warum bei PHP nicht, bei Javascript schon? Der technische Hintergrund besteht darin, dass PHP, JSP & Co. Programmiersprachen für Webseiten sind, die auf dem Server abgearbeitet werden. Das bedeutet, dass diese Sprachen dann arbeiten, wenn der Server den Auftrag dazu bekommt. Bei HTML und Javascript braucht man hingegen kein Internet und könnte die Webseite auch lokal anzeigen lassen. PHP hat das Rüstzeug, um die Uhr weiterlaufen zu lassen, es gibt viele tolle Befehle für die Zeit- und Datumsverarbeitung. Aber ohne Befehl und Aufruf passiert nichts, deshalb bleibt die Zeit stehen.

Javascript läuft hingegen weiter, weil der Browser aktiv ist. Erst wenn die Seite gewechselt wird, beispielsweise zu einer anderen Webseite oder zu einer anderen Unterseite der gleichen Homepage, wird der Auftrag abgebrochen, die Zeit zu aktualisieren. Daher kann man auf der Webseite auch eine Stunde lang die Uhrzeit mitlaufen sehen. Das ist eine kleine Funktion, die aber einen netten Effekt ermöglicht.

Dieses simple Beispiel zeigt den wesentlichen Unterschied in der Technik zwischen Javascript und PHP bzw. ähnlicher dynamischer Programmiersprachen. Der Nachteil von Javascript besteht darin, dass Menschen mit Sehbehinderung oftmals Probleme haben, die Javascript-Steuerung nachvollziehen zu können. Da man diese Menschen nicht ausschließen will, gibt es strenge Regelungen für öffentliche Webseiten und dort wird man Javascript nur noch im Einzelfall vorfinden, beispielsweise für Werbeschaltungen. Denn wenn die Werbung nicht erkannt werden kann, ist das für den Betreiber vielleicht nicht ganz optimal, aber kein Beinbruch.

Viele Javascript-Aufrufe

Obwohl CSS bei der Gestaltung der Seite Javascript ziemlich den Rang abgelaufen hat und auch Mouseover-Effekte bieten kann, ist Javascript weiterhin ein großes Thema. Das gilt vor allem für externe Aufrufe wie zum Beispiel der Aufruf der Statistikzählung für eigene Skripten oder für Google Analytics. Sämtliche Werbeeinbindungen von Werbenetzwerke erfolgen über Javascript.

Das heißt, dass vielleicht bei der Gestaltung so manche Lösung mit CSS weit besser geworden ist, aber insgesamt hat Javascript vielleicht sogar noch an Bedeutung gewonnen, denn auch externe Module für die Cookie-Verwaltung sind auf vielen Webseiten zu finden.

Lesen Sie auch

Javascript ist eine optimale Ergänzung zu HTML, allerdings gibt es für gewisse Bereiche schon bessere Lösungen wie etwa Formularabfragen per PHP und so manche grafische Lösung per CSS. Der Einstieg in Javascript gelingt recht rasch, kleine Lösungen sind auch bald realisiert, man muss Javascript aber richtig einbinden, um dann mit den Variablen arbeiten zu können.

Hat man die Variablen erst einmal verstanden und auch mit alert die ersten Meldungen zustande gebracht, gilt es, komplexer zu denken. Mit den Schleifen, Abfragen und Funktionen stehen viele Möglichkeiten zur Verfügung.

Diesen Artikel teilen

Kategorien

Grundlagen
HTML-Grundlagen
CSS-Grundlagen
Javascript-Grundlagen
PHP-Grundlagen
MySQL-Grundlagen
SEO-Grundlagen

Infos, Tipps, Vermarktung
Webdesign-Lexikon
Online-Werbung
PHP-Codeschnipsel