Skripte in Dokumenten

JavaScript -Anweisungen können in ein script-Element geschrieben werden und werden dann bei der Darstellung des script-Elements ausgeführt, falls der Browser entsprechend befähigt und konfiguriert wurde.

Main.html

Es ist zur Zeit <span id="Zustand">(unbekannt)</span>.
<script>Zustand.innerHTML='heiter'</script>

Um die Ausführung des Skriptes zu sehen, sollte das Dokument jetzt aber aus einer Datei gelesen werden.

Ausgaben in Skripten

In der Konsole reicht zur Ausgabe des Werts eines Ausdrucks die Eingabe dieses Ausdrucks aus. In einem script-Element muß immer »console.log« (oder eine andere geeignete Funktion) verwendet werden, wenn ein Text in die Konsole geschrieben werden soll.

Main.html

Es ist zur Zeit <span id="Zustand">(unbekannt)</span>.
<script>console.log( 'Willkommen im Internet!' );</script>

Konsole

Willkommen im Internet!

Fehler in Skripten

Auch Fehlermeldungen werden in der Konsole angezeigt. Damit man Fehlermeldungen sehen kann, muß man also unbedingt weiterhin die Konsole im Blick haben.

Anweisungen, die im selben Script-Element auf fehlerhafte Anweisungen folgen, werden nicht ausgeführt!

Main.html

Es ist zur Zeit <span id="Zustand">(unbekannt)</span>.
<script>console.log( 'Willkommen im Internet!' );
iughrui;
console.log( 'Wir wuenschen viel Vergnuegen!' );</script>

Protokoll

Willkommen im Internet!
ReferenceError: iughrui is not defined

Um etwaige Meldungen, insbesondere Warnungen und Fehlermeldungen, sehen zu können, ist es empfehlenswert bei der Programmierung von Webseiten, die JavaScript -Konsole geöffnet zu halten und nach jedem Laden einer Seite die ausgegebenen Meldungen zu lesen.

Das Dollarzeichen »$« ⃗

Auch das Dollarzeichen »$« kann in Bezeichnern verwendet werden. Insbesondere ist  ein alleinstehendes Dollarzeichen »$« ein Bezeichner.

Auswertung

$ = 2

2

Auswertung

$

2

In der Konsole von Firefox  können diese Beispiele mit dem Dollarzeichen »$« so aber nicht direkt nachvollzogen werden. Diese Konsole hat für das Dollarzeichen »$« bereits eine besondere Bedeutung festgelegt.

Quelle zur Bedeutung des Dollarzeichens »$« in der Konsole von Firefox 

https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Helpers

In JavaScript -Skripten außerhalb der Konsole von Firefox, wie wir es später auch noch in diesem Kurs behandeln werden, oder in der qualifizierten Form »this.$« kann das Dollarzeichen »$« aber – wie hier gezeigt – als Name verwendet werden.

Zitate ⃗

Zitat

User agents are not required to support JavaScript.

4.12.1.2. Scripting languages, HTML 5.2 (WhatWG)

Übungsaufgaben

/   Übungsaufgabe

Erstellen Sie eine Quelldatei, die ein Skript-Element enthält, das eine window.alert-Meldung auslöst.

„Quelldatei“ soll hier bedeuten: Eine Textdatei mit SIL -Elementen (oder mit einem HTML -Dokument).