Die Skriptsprache JavaScript

JavaScript ist eine Skriptsprache welche vor allem bei Webseiten eingesetzt wird.Mit ihr ist es möglich auf verschiedene EventHandler in der Webseite zu reagieren (z. Bsp.: onload, onmouseover, onmouseclick) und somit z. Bsp.: HTML-Elemente einzufügen, oder Eigenschaften eines HTML-Elementes zu verändern. Der Zugriff geschieht dabei über den Document-Object-Model-Baum (DOM-Baum), der die Elementstruktur einer HTML-Seite enthält.

Darüber hinaus ist JavaScript ein wichtiger Bestandteil von AJAX (Asynchronous JavaScript and XML), welches ermöglicht den Webseiteninhalt ohne Reload/Refresh der Seite zu verändern. Somit können z. Bsp. im Hintergrund Informationen vom Server nachgeladen werden. (Beispiel Google Suche, Autovervollständigung)

>> Echte Verweise auf Seiteninhalte.

Wie können wir JavaScript benutzen bzw. erzeugen?

Eine externe JavaScript-Datei (Endung *.js) kann mit jedem beliebigen Text-Editor erstellt werden. Interpretiert wird die Datei vom Webbrowser. Es ist ebenso möglich den JavaScript-Code direkt in den Webseitenquelltext einzufügen.

1. Definition im Header:

<html>

<head>

<script type="text/javascript">

function(){ [...] }

</script>

</head>

<body> </body>

</html>

2. In externer Datei erstellen:

     <html>

<head>

<script type="text/javascript" src="JavaSkriptSeite.js"/>

</head>

<body>

</body>

 </html>

Aufruf der JavaScript-Funktion

Das Aufrufen der JavaScript-Funktionen geschieht über die HTML-EventHandler.

Beispiele für EventHandler:

onclick (auf Mausklick)

<body>
<form name="Test" action="">
<input type="text" size="30" name="Ausgabe" readonly="readonly"><br>
 <input type="button" value="Letzter Update"
 onclick="function()">
</form> 
</body>

onmouseover (beim Überfahren des Elements mit der Maus)

<html><head><title>Test</title>
</head><body>
<h1 id="Test"
 onmouseover="this.innerHTML = 'Sehen Sie?'"
 onmouseout="this.innerHTML = 'Ich bin dynamisch'">Ich bin dynamisch</h1>
</body></html>

onload (Beim Laden der Datei)

<body onload="aufruf()">
<h1>Seite mit "Fernbedienung"</h1> 
</body></html>

Objektorientierung in JavaScript

In JavaScript ist ebenfalls objektorientierung möglich.

Objekte werden hierbei über Funktionen erzeugt.

function Auto( typ, id) {

        this.id = id;

        this.typ=typ;


Auto auto = new Auto("Maybach", 123);

Der Zugriff auf ein Attribut eines Objekts geschieht über:

var string = auto.id;