FH-Hof Einbindung von JavaScript Anweisungen <!-- als Kommentar... Java Script Code... // Skript Ende -->

Präsentation zum Thema: "FH-Hof Einbindung von JavaScript Anweisungen <!-- als Kommentar... Java Script Code... // Skript Ende -->"—  Präsentation transkript:

1 FH-Hof Einbindung von JavaScript Anweisungen <!-- als Kommentar... Java Script Code... // Skript Ende -->

2 FH-Hof Einfaches Beispiel <!-- document.write(" Hello World! "); -->

3 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

4 FH-Hof Variablen - Beispiele var x = 1; y = 2; z = "Ergebnis: " document.write(z + (x + y)); var Name = window.prompt (Name eingeben!");

5 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?

6 FH-Hof Definition eigener Funktionen Syntax function name ( argumente ) { Rumpf } Beispiel function mwst (x) { return 1.16 * x; }

7 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

8 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());

9 FH-Hof Arrays als Spezialform von Objekten u = new Array(); u[1] = 2; u[3] = 5; document.write(u[1] + u[3]);

10 FH-Hof Typen vordefinierter Objekte Browser mit Umgebung window Sammlung von Funktionen String Math Number weitere Objekte

11 FH-Hof Aufbau des Objekts window historylocationdocument forms[]links[] images[] window

12 FH-Hof Methoden des Objekts window alert() close() confirm() open() prompt()

13 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()

14 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

15 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

16 FH-Hof Einige Methoden des Objekts math exp(x) log(x) pow(x,y) sqrt(x)

17 FH-Hof JavaScript als EventHandler für Elemente OnChange OnClick OnFocus OnLoad OnMouseOut OnMouseOver OnSubmit