FH-Hof Einbindung von JavaScript Anweisungen <!-- als Kommentar... Java Script Code... // Skript Ende -->
FH-Hof Einfaches Beispiel <!-- document.write(" Hello World! "); -->
FH-Hof Syntax von JavaScript Syntax ähnlich zu C und Java Mehr Freiheit bei der Verwendung von Variablen Variablen können ohne Deklarationen verwendet werden Typdeklarationen sind nicht notwendig (Schlüsselwort var) Spezielle Konstrukte für den Zugriff auf Teile des Dokuments
FH-Hof Variablen - Beispiele var x = 1; y = 2; z = "Ergebnis: " document.write(z + (x + y)); var Name = window.prompt (Name eingeben!");
FH-Hof Beispiele für Funktionen in JavaScript parseInt : String in Integer umwandeln parseFloat: String in Kommazahl umwandeln isNaN: Argument ist eine Zahl? eval: berechnet den Wert eines Ausdrucks (z.B. eval (2+2")) isFinite (): Zahlenwert endlich?
FH-Hof Definition eigener Funktionen Syntax function name ( argumente ) { Rumpf } Beispiel function mwst (x) { return 1.16 * x; }
FH-Hof Objekte in JavaScript Vereinfachtes objektorientiertes Konzept ohne Vererbung Objekte lassen sich direkt ohne Definition von Klassen erzeugen: Operator: new Object() direkte Zuweisung von Attributen zu Objekten: objekt.attribut = wert direkte Zuweisung von Funktionen zu Objekten objekt.methode = funktion In der Regel werden vordefinierte Objekte verwendet
FH-Hof Beispiel: Definition eines Objekts x = 1; y = 2; document.write(x + y); o = new Object(); o.x = 17; o.y = 12; function myFunction() { return(this.x + this.y); } o.myFunction = myFunction; document.write(o.myFunction());
FH-Hof Arrays als Spezialform von Objekten u = new Array(); u[1] = 2; u[3] = 5; document.write(u[1] + u[3]);
FH-Hof Typen vordefinierter Objekte Browser mit Umgebung window Sammlung von Funktionen String Math Number weitere Objekte
FH-Hof Aufbau des Objekts window historylocationdocument forms[]links[] images[] window
FH-Hof Methoden des Objekts window alert() close() confirm() open() prompt()
FH-Hof Attribute und Methoden des Objekts navigator Attribute: appName:Bezeichnung des Browser appVersion:Version des Browser language:Sprache platform:Plattform (Windows, Unix, etc.) Methoden: javaEnabled()
FH-Hof Zugriff auf Bilder über das Objekt images Lesen window.document.images[0] window.document.images[name] window.document.name Schreiben window.document.images[id].src=url
FH-Hof Das Image-Objekt <!-- function Venedig() { window.document.images[b1"].src = "Venedig.jpg"; } function Richtung() { window.document.images[0].src = "Richtung.gif"; } --> Venedig Richtung
FH-Hof Einige Methoden des Objekts math exp(x) log(x) pow(x,y) sqrt(x)
FH-Hof JavaScript als EventHandler für Elemente OnChange OnClick OnFocus OnLoad OnMouseOut OnMouseOver OnSubmit