JavaScript

Alexander zu Solms

Macromedia

Geschichte JavaScript

JavaScript einsetzen

<script type="text/javascript">
<!--
	//hier folgt der JavaScript Code (einzeiliger Kommentar)
	/*hier folgt der JavaScript Code (mehrzeiliger Kommentar)*/
//-->
</script>

Ist JavaScript aktiviert?

Fügen Sie Daten in eine Webseite ein

Das Document Object Model

Browsertypen mit JavaScript ermitteln

Browserversion in einem Dialogfeld ausgeben

window.alert("Ihr Browser: " + navigator.appName + " " + navigator.appVersion);

Variablen in JavaScript

var vorname = "Alexander";
document.write(vorname);

Ein modales Dialogfenster

Ein modales Dialogfenster mit Eingabeaufforderung

Funktionen

Eine Funktion ohne Argumente

function my_hello()
{
    document.write("<h1>Hallo Macromedia</h1><br />");
}
my_hello();

Eine Funktion mit Argumenten

function my_style(my_js)
{
    document.write(my_js + "<br />")
}
my_style("ich bin ein Webmaster");
my_style("ich lerne JavaScript");

Eine Funktion mit Argumenten und Rückgabewert

function mwst(betrag)
{
	var ergebnis = betrag * 0.16;
  	return ergebnis;
}

document.write(mwst("100"));

Arithmetische Operatoren

+	Addition			-	Subtraktion

*	Multiplikation			/	Division

Event-Handler

if Anweisung

if-Anweisungen führen den Code nur dann aus, wenn Bedingungen zutreffen 

<script type="text/javascript">
test = "lernen";
if (test == "lernen")
{
	document.write("Supi alles richtig.");
}
</script>

Der Vergleichsoperator == (zwei Gleichheitszeichen hintereinander!) vergleicht die Variable test mit der Zeichenkette "lernen".

else Anweisung

Bei Verwendung der if Anweisung soll häufig ein alternativer Code ausgeführt werden, wenn der geprüfte Ausdruck false ergibt. Dazu fügen Sie an die if Bedingung else an, gefolgt von weiterem JavaScript Code. 

if (Ausdruck)
{
	// Aweisungen, die ausgeführt werden, wenn der Ausdruck wahr ist.
 }
else
{
	// Anweisungen, die in allen anderen Fällen ausgeführt werden.
}

Methoden der Klammersetzung

1. BSD-Stil - (Berkeley Software Distribution,
	eine Version des UNIX-Betriebssystems)
if (Ausdruck)
{
	// Code der ausgeführt wird, wenn Ausdruck wahr ist.
}

2. GNU-Stil - (GNU's Not Unix) freies Betriebssystem
if (Ausdruck)
	{
		// Code der ausgeführt wird, wenn Ausdruck wahr ist.
 	}

3. K&R-Stil (kommt aus der C Programmierung)
if (Ausdruck) {
	// Code der ausgeführt wird, wenn Ausdruck wahr ist.
}

Vergleichs-Operatoren

Vergleichs-Operatoren erlauben es - wie der Name schon sagt - zwei Werte zu vergleichen. 

Beispiel  Name            Ergebnis

a == b    Gleich          TRUE wenn a gleich b
a != b    Ungleich        TRUE wenn a nicht gleich b
a < b     Kleiner Als     TRUE wenn a kleiner als b
a > b     Größer Als      TRUE wenn a größer als b
a <= b    Kleiner Gleich  TRUE wenn a kleiner oder gleich b
a >= b    Größer Gleich	  TRUE wenn a größer oder gleich b

Logische Operatoren

Logische Operatoren verknüpfen verschiedene Werte 

Beispiel  Name            Ergebnis

a && b    Und             TRUE wenn a als auch b TRUE ist
a || b    Oder            TRUE wenn a oder b TRUE ist

Formularfelder überprüfen

Datentypen in JavaScript

Datentyp    Beispiel            document.write();

number      var a = 42;         typeof a
boolean     var b = true;       typeof b
string      var c = "Brief";    typeof c
undefined   var d;              typeof d
object      var e = new Date(); typeof e

Mit dem Operator typeof() kann der Datentyp angezeigt werden

Mit der Funktion Number() lässt sich z.B. ein string in einen number umwandeln

Mehrfachauswertungen mit Switch

Wenn Sie mehrere aufeinander folgende Bedingungen gegen ein und dieselbe Variable testen möchten, ist der if-Befehl sehr aufwändig. Mit switch steht ein Befehl zur Verfügung, der solche Listen eleganter aufbaut.

switch (Ausdruck)
{
	case wert1:
		//wenn Ausdruck = wert1 wird dieser Code ausgeführt
  		break ;  //break beendet die switch Anweisung
	case wert2:
  		//wenn Ausdruck = wert2
		break;
	default:
  	 	//wenn keiner von beiden Werten zutrifft,
  	 	//wird dieser Code ausgeführt
}

Identifizierung Über einen Browser

Arrays

               var vorname=new Array("alex", "paul", "gerd", "hugo");
               document.write(vorname[0]);  //ergibt alex
               document.write(vorname[1]);  //ergibt paul
               document.write(vorname[2]);  //ergibt gerd
               document.write(vorname[3]);  //ergibt hugo

Schleifen

               while (Bedingung)
               {
                   Schleifeninhalt
               }

Die while() Schleife

var counter=0;
var zahl=6;
while (zahl > counter)
{
  document.write("Counter hat den Wert: " + counter "<br />";
  counter++;
}

Der Break Befehl

do-while

var counter=7, zahl=6;
do
{
 document.write ("Counter ist: " + counter + "<br />");
 counter++;
 if (counter==50) break
} while (zahl < counter);

for() Schleife

for (<Startanweisung>; <Bedingung>; <Schleifenanweisung>)
{
	<Schleifeninhalt>
}

Die JavaScript Eigenschaft length

Wechseln der Tabellenzeilen-Farbe

Mit einer Grafik Daten übertragen

JavaScript extern aufrufen

Position eines Zeichens ermitteln

Das aktuelle Tagesdatum