Anleitung: JavaScript Grundlagen

Um JavaScript zu nutzen, ist es wichtig, JavaScript Code und HTML Code unterscheiden zu können.
Woran erkennen Sie JavaScript Code? Ganz einfach, Sie müssen nur auf die Tags achten. Jeder JavaScript Code beginnt mit dem Tag <SCRIPT> und endet mit dem Tag </SCRIPT>.

Der einleitende Tag sieht üblicherweise wie folgt aus: <SCRIPT language="JavaScript">

Der language="JavaScript" Befehl signalisiert dem Browser, dass der folgende Code JavaScript und nicht etwa eine andere Script-Sprache ist, z. B. Visual Basic Script, VBScript.

<SCRIPT language="JavaScript">
// -- JavaScript Code --
</SCRIPT>

Es gibt keine Beschränkung, wie viel Code Sie in eine Website einbauen können. Vergessen Sie aber den abschließenden Tag nicht, bevor Sie mit HTML fortfahren. Funktionen innerhalb der <HEAD> </HEAD> Tags in Ihrem Dokument sind JavaScript Funktionen (wir werden darauf beim nächsten Mal eingehen). Wir fügen Funktionen immer zwischen die <HEAD> </HEAD> Tags ein, da die Funktionen so bereits geladen werden, bevor Ihre Seite angezeigt wird; und so auch vermieden wird, dass JavaScript Fehlermeldungen auf Ihrer Website erscheinen.

<HEAD>
<TITLE>Your title </TITLE>
<SCRIPT language="JavaScript">
function xxxxx()
{
JavaScript Stuff...
}
</SCRIPT>
</HEAD>

Bevor wir mit dem Schreiben des Codes beginnen können, müssen wir zunächst noch etwas anderes erledigen. Ältere Browser sind nicht in der Lage, <SCRIPT> Tags zu interpretieren. Anstatt den JavaScript Code auszuführen, zeigen sie den Code als Text an. Um das zu verhindern, müssen wir den Browser dazu bringen, den Text zwischen den <SCRIPT> Tags zu ignorieren. Dazu bieten sich HTML Kommentare an; ältere Browser werden den Text innerhalb des Kommentarbereichs ignorieren, JavaScript kompatible Browser hingegen werden den Code ausführen. So funktioniert es:

<SCRIPT language="JavaScript">
<!-- This opens the HTML comments that will hide the script from old browsers
......JavaScript Statements.......
//--> This closes the comment section and the browser will read on normally
</SCRIPT>

Was kann man mit JavaScript tun?

  1. JavaScript gibt HTML Designern ein Programmiertool in die Hand
    • HTML Autoren sind gewöhnlich keine Programmierer, aber JavaScript ist eine Script-Sprache mit sehr einfacher Syntax!
    • Nahezu jeder ist in der Lage, kleine Code-"Schnipsel" in seine HTML Seite einzubauen.
  2. Mit JavaScript kann Text innerhalb der HTML Site verändert werden
    • Ein JavaScript Anweisung wie diese: document.write("<h1>" + name + "</h1>") ermöglicht es, eine Textvariable einzubauen.
  3. JavaScript kann auf Ereignisse reagieren
    • JavaScript kann verwendet werden, um etwas auszuführen, wenn etwas anderes geschieht, z. B. dann, wenn eine Website vollständig geladen wurde oder wenn der Besucher auf ein HTML-Element klickt.
  4. JavaScript kann HTML-Elemente lesen und schreiben
    • JavaScript kann den Inhalt von HTML-Elementen lesen und verändern
  5. JavaScript kann benutzt werden, um Daten zu überprüfen
    • JavaScript kann benutzt werden, um Daten auf ihre Richtigkeit zu überprüfen, bevor diese an den Server übermittelt werden - der Server wird so entlastet.
  6. JavaScript kann genutzt werden, um herauszufinden, welchen Browser der Besucher nutzt
    • Mit JavaScript ist es möglich, Informationen über den vom Besucher genutzten Browser zu erhalten, wodurch es möglich wird, speziell für diesen Browser entworfene Seiten zu laden.
  7. JavaScript kann benutzt werden, um Cookies abzulegen
    • Mit JavaScript können Informationen auf dem Computer des Besuchers gespeichert bzw. von seinem Computer eingeholt werden.