Webdesign-Workshop
von Wolfgang Bergt

Wolfdesign

JavaScript

 zur Startseite
zurück Inhaltsübersicht weiter
 

Inhalt
JavaScript und HTML
Syntaxregeln
Aktionen
Beispiele
Zusammenfassung
Quellen
 

JavaScript und HTML

 Die Firma Netscape hat JavaScript entwickelt, damit der Benutzer nicht nur die Seiten im Broser lesen kann, sondern damit auch Aktionen ausgelöst werden können. JavaScript ist eine Erweiterung für HTML.

Außer der mächtigen Programmiersprache JavaScript gibt es noch weitere Programmiersprachen, die Ähnliches leisten: z. B. JScript und VBScript von Microsoft.
zum Anfang

Syntax

 Es gibt JavaScript-Funktionen, die alle Browser kennen. Diese können jeder Zeit aus dem Quelltext aufgerufen werden.

Neue Funktionen müssen erklärt werden, bevor sie aufgerufen werden. Das macht man am besten im Kopf der Datei.

Funktionen haben einen Namen und zwei runde Klammern. Dazwischen muss nichts stehen. Die Definition der Funktion steht zwischen geschweiften Klammern.

<html>
<head>
<title>JavaScript-Test</title>
<script type="text/javascript">
<!--
function Quadrat() {
   var Ergebnis = document.Formular.Eingabe.value * document.Formular.Eingabe.value;
   alert("Das Quadrat von " + document.Formular.Eingabe.value + " = " + Ergebnis);
}
//-->
</script>
 </head>
<body>
<form name="Formular" action="">
<input type="text" name="Eingabe" size="3" value="1.0" />
<input type="button" value="Quadrat errechnen" onClick="Quadrat()" />
</form>
</body>
</html>


Und so sieht das aus:

zum Anfang

Aktionen

 Aktionen, bei denen die Funktionen ausgeführt werden, können z. B. die events "onClick" oder "onLoad" sein. Hier ein Beispiel für eine Aktion, die beim Starten der Seite Ausgeführt wird:

<html>
<head>
<title>JavaScript>/title<
</head>
<body onLoad="alert('Ach so, Sie benutzen den ' + navigator.userAgent)">
 JavaScript
</body>
</html>

zum Anfang

Beispiele

 Anzahl der Tage bis zu einem Ereignis
Taschenrechner
Quiz
Bestellformular
Variablen-Weitergabe
Cookies benutzen
zum Anfang

Zusammenfassung

 JavaScript-Checkliste
zum Anfang

Quellen
zum Seitenanfang zum Workshop-Anfang zur Inhaltsübersicht