Erstes JavaScript Programm erstellen

Wir benötigen den üblichen Aufbau einer HTML-Datei mit dem doctpye, Head-Bereich und body-Bereich. Diesen HTML-Rahmen erhalten wir mit Scriptly automatisch.

Für unser erstes JavaScript-Programm programmieren wir das typische „Hallo Welt“ Programm.

Wo steht das JavaScript-Programm

Das JavaScript-Programm kann im Head-Bereich bzw. im Body-Bereich (vor dem schließenden </body>).

Abgrenzung JavaScript zu HTML

Damit der Browser weiß, wo HTML aufhört und JavaScript anfängt wird das JavaScript-Programm zwischen die HTML-TAGs

<script type="text/javascript">
</script>

Somit weiß der Browser, was er interpretieren muss.

Ausgabe-Funktion alert in JavaScript

Zur Ausgabe von unserem Text „Hallo Welt“ benutzen wir die JavaScript-Funktion alert. Diese Funktion bewirkt, dass auf dem Bildschirm ein Fenster mit dem Inhalt erscheint.

<script type="text/javascript">
alert('Hallo Welt');
</script>

Achten Sie darauf, dass der auszugebende Text in Anführungszeichen steht (hierbei ist es egal, ob es doppelte oder einfache Anführungszeichen sind.

Jetzt wird unser erstes JavaScript-Programm gespeichert und im Browser Firefox geladen. Wir erhalten eine Ausgabe.

Auskommentieren von JavaScript

Zum Testen von Befehlen und Abläufen ist es geschickt, Befehle auskommentieren zu können. Diese werden dann beim Interpretieren ignoriert. Dazu werden vor dem Befehl 2 Slashes gepackt

// alert('Hallo Welt');

Eine andere verbreitet Art ist (wie man diese auch aus CSS kennt) mit /* vor dem Bereich und */ nach dem auszukommentierenden Bereich.

/*
alert('Hallo Welt');
*/

Ausgabe direkt auf Bildschirm

Wenn wir es direkt auf die Seite schreiben wollen, gibt es dafür einen anderen Befehl. Dazu wird über das DOM-Modell entsprechende der Bereich angesteuert. In der einfachsten Form dann:

<script type="text/javascript">
document.write('Hallo Welt');
</script>

Das bewirkt das Ausgeben des Textes direkt in das Browserfenster. Jetzt zurück in unseren Browser die Seite aktualisieren (dadurch wird das JavaScript-Programm neu ausgeführt) – aktualisieren über F5 oder das entsprechende Symbol.

Wir erhalten nun auf dem Bildschirm die Ausgabe „Hallo Welt“.

Schauen wir in den Quellcode der HTML-Seite – einfach rechts Maustaste auf dem Fenster klicken und „Quellcode anzeigen“. Man sieht im body-Bereich nichts. Hier sieht man sehr schön, das JavaScript nicht auf dem Server sondern auf dem Computer des Nutzers ausgeführt wird. Daher ist der Body-Bereich leer und die Ausgabe wird auf dem Rechner des Nutzers „produziert“.

vorheriges Kapitel: JavaScript
nächstes Kapitel: Variablen in JavaScript
JavaScriptSeitenanfangVariablen in JavaScript
eBook HTML-Seminar.de
del.icio.usMister Wong         JavaScriptSeitenanfangVariablen in JavaScript
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 22.06.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de