|
|
|
|
 Wegweiser:
Startseite >>
Übersicht JavaScript-Kurs
>>
Kapitel 1: Einführung
| JavaScript Kurs - Kapitel 1: Einführung |
Javascript ist eine besondere Programmiersprache, und zwar - wie bereits der Name
sagt - eine Skriptsprache. Skriptsprachen sind Programmiersprachen, deren Programme
nicht direkt von der Hardware, also vom Prozessor, ausgeführt werden, sondern von
einem anderen Programm. Man spricht davon, dass Skriptsprachen interpretiert werden.
Programme, die in einer Skriptsprache entwickelt sind, müssen also grundsätzlich immer
im Zusammenhang mit einem Interpreter ausgeführt werden.
Javascript wird für gewöhnlich in Webseiten eingebettet. Javascript ist daher auch als
Internet-Programmiersprache bekannt. Sie können in Javascript in einem beliebigen Editor,
beispielsweise dem Windows-Standard-Editor Notepad, programmieren. Wenn Sie Ihren
Quellcode geschrieben haben, müssen Sie ihn nicht noch anderweitig bearbeiten, sondern
können ihn direkt an einen Interpreter übergeben. Zusätzliche Zwischenschritte wie
beispielsweise in C, C++ oder Java die Kompilierung sind in Javascript nicht notwendig.
Der Quellcode kann in der für Menschen lesbaren Form direkt an den Interpreter
weitergegeben werden. Die direkte Weitergabe ohne ein vorheriges Umwandeln von Quellcode
in eine andere Form ist auch genau Sinn und Zweck von Skriptsprachen und Interpretern.
Der Interpreter für Javascript-Programme ist normalerweise der Browser. Die heute am
weitesten verbreiteten Browser beherrschen alle Javascript, so dass Sie davon ausgehen
können, dass von Ihnen in Webseiten eingebettete Javascript-Programme grundsätzlich auch
jeder Besucher ausführen kann. Dennoch kann es Browser geben, die Javascript nicht
verstehen. Der ein oder andere Brower erlaubt darüberhinaus das Deaktivieren von
Javascript, so dass sich der Browser verhält wie wenn er Javascript nicht verstehen würde.
Es gibt grundsätzlich zwei Möglichkeiten, Javascript in Webseiten einzubauen. Entweder
fügen Sie den Quellcode in die gleiche Datei ein, die auch den HTML-Code enthält, oder
aber Sie legen den Quellcode in eine eigene Datei und verweisen auf diese von der
Webseite.
Javascript direkt in Webseiten eingebettet muss immer zwischen folgenden
beiden Tags stehen.
Beispiel:
<script type="text/javascript">
</script>
|
Wo dieser Tag mit dem dazwischenliegenden Javascript-Code in der Webseite liegt kann
ab und zu entscheidend sein. Normalerweise wird Javascript jedoch in den Kopfbereich
einer Webseite gestellt. Im Folgenden sehen Sie also eine Art Musterwebseite.
Beispiel:
<html>
<head>
<script type="text/javascript">
</script>
</head>
<body>
</body>
</html>
|
Wird Javascript-Code hingegen in eine eigene Datei gelegt, so muss die Webseite
auf diese Datei verweisen. Javascript wird hierbei normalerweise in Dateien mit der
Endung .js gespeichert. Um auf eine Datei library.js zu verweisen, müssen Sie
folgenden HTML-Code in den Kopfbereich der Webseite stellen.
Beispiel:
|
<script type="text/javascript" src="library.js">
</script>
|
Wie Sie sehen handelt es sich wiederum um den script-Tag. Diesmal wird er jedoch um ein
Attribut src ergänzt, hinter dem in Anführungszeichen der Dateiname angegeben ist.
Zusätzlich kann ein relativer oder absoluter Pfad in Anführungszeichen angegeben werden,
falls die Javascript-Datei nicht im gleichen Verzeichnis wie die Webseite liegt. Es gelten
also für das Attribut src im script-Tag die gleichen Regeln wie im img-Tag.
Variablen sind Platzhalter für bestimmte, nicht festgelegte Werte. Sie können vor
der ersten Verwendung mit var deklariert (bekannt gegeben) werden.
Merke: Vermeiden Sie Umlaute und Sonderzeichen (außer _) in Variablennamen.
Beispiel:
var t;
var n=1.6;
var p;
t="Hallo!";
p=n*2;
|
Durch das Gleichheitszeichen wird der Ausdruck rechts vom Gleichheitszeichen ausgewertet
und dann dem links stehenden Ausdruck zugewiesen. In der Informatik liest man also von
rechts nach links!
Geben Sie folgenden HTML-Code inklusive des eingebundenen Javascript-Codes in eine
Datei ein. Speichern Sie die Datei mit der Endung .htm oder .html und laden Sie sie in
einen Javascript-fähigen Browser wie zum Beispiel den Microsoft Internet Explorer
oder Mozilla.
Beispiel:
<html>
<head>
<script language="JavaScript">
function Hallo(Text) {
alert(Text);
}
</script>
</head>
<body onload="Hallo('Hallo Welt!')">
<FORM>
<INPUT TYPE=button NAME="Beispiel"
Value="Hier Drücken" onClick="alert('Hallo Welt')">
</FORM>
</body>
</html>
|
Beim Laden der Webseite erscheint ein kleines Fenster mit der Meldung "Hallo, Welt!". Das
Javascript-Programm besteht aus einer einzigen Funktion, nämlich aus alert(). alert() ist
eine in Javascript eingebaute Funktion, die automatisch zur Verfügung steht. Sinn und
Zweck dieser Funktion ist es, einfach nur ein Fenster zu öffnen, das einen bestimmten
Text anzeigt. Welcher Text genau angezeigt werden soll kann vom Entwickler zwischen den
beiden runden Klammern von alert() in Anführungszeichen angegeben werden.
Durch drücken auf den Button 'Hier drücken' wird die Funktion Hallo aufgerufen, die das
Meldungsfenster auch öffnen kann.
Auf Funktionen wird später noch genauer eingegangen.
|
|
|
