HTML5-Handbuch - die neuen Features von HTML5

Zähler
i
deklariert und mit dem Wert
10
initialisiert. Die zweite Anweisung enthält die Bedingung für den Schleifenablauf. Die Schleife wird ausgeführt, wenn und solange diese zutrifft. Dazu brauchen Sie Vergleichsoperatoren. In der dritten Anweisung wird der Schleifenzähler so verändert, dass er irgendwann die in der zweiten Anweisung notierte Bedingung nicht mehr erfüllt. Im Beispiel wird der Zähler mit
i++
nach jedem Schleifendurchgang um 1 erhöht. An dieser Stelle könnte aber auch so etwas stehen wie
i=i+10
(für jeden Schleifendurchgang die Zählvariable um 10 erhöhen).
Funktionen
    Mit Hilfe von Funktionen können Sie eigene, in sich abgeschlossene JavaScript-Prozeduren programmieren, die Sie dann über den Aufruf der Funktion ausführen können. Dabei können Sie bestimmen, bei welchem Ereignis (zum Beispiel, wenn der Anwender einen Button anklickt) die Funktion aufgerufen und ihr Programmcode ausgeführt wird.
JavaScript-Code, der nicht innerhalb einer Funktion steht, wird beim Einlesen der Datei vom Browser sofort ausgeführt.
Beispiel
    function BruttoBetrag (Netto, Prozente) {
    var Ergebnis = Netto * (1 + (Prozente / 100));
    return Ergebnis;
    }
    var Preis = 56.00;
    var Endkundenpreis = BruttoBetrag(Preis, 19);
Erläuterung
    Im Beispiel wird eine Funktion namens
BruttoBetrag
definiert. Sie erwartet zwei Parameter mit den Namen
Netto
und
Prozente
. Mit diesen übergebenen Daten ermittelt sie aus einem Nettobetrag einen Bruttobetrag auf Basis der angegebenen Mehrwertsteuer-Prozente. Das errechnete Ergebnis gibt sie zurück. Unterhalb der Funktion wird eine Variable namens
Preis
deklariert und mit 56.00 (das könnte man auch als 56 notieren) initialisiert. Dann wird eine weitere Variable namens
Endkundenpreis
deklariert. Ihre Initialisierung besteht in einem Aufruf der Funktion
BruttoBetrag
. Als Nettobetrag wird der Funktion der Wert der zuvor erzeugten Variablen
Preis
übergeben, und für den Parameter
Prozente
der Wert 19.
    Mit dem Schlüsselwort
function
leiten Sie eine Funktion ein. Dahinter folgt ein frei wählbarer Funktionsname. Diesen Namen können Sie nach den gleichen Regeln wie Variablennamen vergeben. Unmittelbar hinter dem Funktionsnamen folgt eine öffnende Klammer. Wenn die Funktion keine Parameter erwarten soll, notieren Sie dahinter sofort wieder eine schließende Klammer. Wenn die Funktion Parameter übergeben bekommen soll, notieren Sie innerhalb der Klammer die Namen der Parameter. Die Namen der Parameter sind frei wählbar und auch wie Variablennamen zu erzeugen.
    Eine Funktion ist mit ihrem Namen von überall aus aufrufbar (auch aus anderen Funktionen heraus). Auch beim Funktionsaufruf werden runde Klammern hinter dem Funktionsnamen notiert. Wenn die Funktion Parameter erwartet, müssen Sie für jeden Parameter einen erlaubten Wert übergeben.
Funktionen als Objekte
    In neueren JavaScripts werden Sie häufig Funktionen finden, die keinen Namen haben und die direkt einer Variablen zugeordnet sind, die sogenannten anonymen Funktionen. Damit wird die Variable zum Funktionsobjekt.
Beispiel
    var x = function(a, b) {
    return(a * b);
    }
    alert(x(4, 5));
Erläuterung
    In dem Beispiel wird eine Variable
x
deklariert, der eine Funktion zugewiesen wird. Die Funktion wird wie üblich, durch das Schlüsselwort
function
eingeleitet. Dahinter folgt jedoch kein Name, sondern es folgen direkt die Parameterklammern. Die Funktion im Beispiel erwartet zwei Parameter. Ihre Leistung besteht darin, das Produkt der beiden übergebenen Werte zu errechnen und zurückzugeben. Unterhalb des Funktionsobjekts ist eine Beispielverwendung notiert. Mit
alert()
wird die Variable
x
aufgerufen, die so behandelt werden muss wie die ihr zugeordnete Funktion. Es werden beim Aufruf Parameterklammern notiert und Werte für die erwarteten Parameter übergeben. Das Beispiel gibt am Ende das Produkt aus
4
und
5
, also
20
aus.
Objekte, Eigenschaften und Methoden
    Objekte sind fest umgrenzte Datenelemente mit Eigenschaften und oft auch mit objektgebundenen Funktionen, die innerhalb von Objekten als Methoden bezeichnet werden.
    JavaScript bietet eine Reihe vordefinierter Objekte rund um die Umgebung einer aktuell angezeigten Webseite an. Dazu kommt das Document Object Model (kurz DOM), mit dessen Hilfe sich unter anderem die gesamte Markupstruktur des HTML-Dokuments einer aktuell angezeigten Webseite in JavaScript abbilden lässt. Programmierer können darüber hinaus eigene Objekte für beliebige Zwecke erstellen. Die