home  |  suche  |  kontakt/johner  |  institut 
studierende  |  tech-docs  |  mindmailer 

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;