JavaScript

January 8, 2018 | Author: Anonymous | Category: Ingenieurwissenschaften, Webdesign
Share Embed Donate


Short Description

Download JavaScript...

Description

PPS-Design einer eigenen WWW-Homepage SS 2003 JavaScript

Überblick

• • • •

Eigenschaften und Anwendungen Überblick Sprache Einbettung in HTML Beispiele

JavaScript • Was – Eine Skriptsprache (von Netscape entwickelt), direkte Erweiterung zu HTML – Unterscheidung in Client-JavaScript und ServerJavaScript • Gemeinsamkeiten mit Java – Ähnliche Syntax – Ähnliche Kontrollstrukturen – Automatische Speicherverwaltung • Unterschiede zu Java – Interpretiert (auf Server-Seite vorkompiliert) – Textuell in Webseiten eingebettet – Keine (statische) Typenprüfung – Schwächere Kapselung von Daten/Funktionen – Kein Multi-Threading

Anwendungen (Client-JavaScript) • Einfache Animationen – z.B. Lauftext

• Navigationshilfsmittel – z.B. gleichzeitiges Aktualisieren mehrerer Rahmen

• Formularüberprüfung • Dynamische Webseiten – z.B. Farben durch Dialog zu ändern

• Einfache Anwendungen – z.B. Taschenrechner, einfache Spiele

Syntax • Groß- / Kleinschreibung wird unterschieden • Jede einzelne Anweisung wird durch ein Semikolon abgeschlossen • Anweisungsblöcke werden in geschweiften Klammern eingeschlossen • Kommentare: // /* */

Variable • Es wird zwischen globalen und lokalen Variablen unterschieden. • Globale Variablen werden innerhalb der SCRIPT-Tags im Header der HTML-Seite deklariert. • Lokale Variablen werden innerhalb eines Funktionsrumpfes deklariert. • Variablendeklaration [var] Variable1 [, Variable2 [, ...]]; • Variablendeklaration mit Vorbelegung [var] Variable1 =Wert [, Variable2 =Wert [, ...]]; • Globale Variablen dürfen ohne 'var' deklariert werden. • Variablennamen dürfen kein Leerzeichen enthalten und maximal 32 Zeichen lang sein. Das erste Zeichen muss ein Buchstabe sein. • Nur zwei Arten von elementaren Variablen: Zahlen und Zeichenketten.

Arrays (Felder) • Deklaration [var] Variablenname = new Array(); • Deklaration mit Vorbelegung [var] Variablenname = new Array( Werte ); Bsp. A = new Array (“Mo“, “Di“, “Mi“, “Do“, “Fr“);

Bedingte Anweisungen • Bedingung if (Bedingung) Anweisung1 [ else Anweisung2 ] • Fallunterscheidung switch (Bedingung) { case Konstante1 : Anweisung1 [ case Konstante2 : Anweisung2 ] [ default : Anweisung ] }

Wiederholungsanweisungen • Iterationsschleife for( [ Anfangsausdruck ]; [ Bedingung ]; [ Schrittweite ] ) Anweisung • Objekteigenschaftsschleife for ( Variable in Objekt ) Anweisung • Abweisende Wiederholung while( Bedingung ) Anweisung • Nichtabweisende Wiederholung do Anweisung while ( Bedingung ) • Iterationssprung continue • Schleifenabbruch break

Typische Objektstruktur browser

math

history

anchors[]

date

location

images[]

submit button

window

navigator

document

frames[]

forms[]

links[]

checkbox

select

radio

string

applets[]

text

textarea

Objekteigenschaften

Funktionen • Deklaration function Funktionsname ( [Parameter] ) { Anweisung }

• Abbruch return;

• Abbruch mit Rückgabewert return (Wert);

Event Handler Event

Beschreibung

Objekt

onAbort

STOP gedrückt, bevor alle Bilder geladen wurden

img

onBlur

Element verliert den Fokus

body, input, select, …

onFocus

Element erhält Focus

body, input, select,…

onChange

Eintrag verändert

input, select, textarea

onClick

Element geklickt

button, checkbox, radio, submit,…

onLoad

HTML-Datei ist vollständig geladen

body, frameset

onUnload

HTML-Datei wird verlassen

body, frameset

onMouseOver

Maus wird über das Element bewegt

Sehr viele Elemente

onReset

Reset-Befehl im Formular ausgelöst

form

onSelect

Text selektiert

input, textarea

onSubmit

Formular abgeschickt

form

Einbettung in HTML • Einbettung mit script-Tag ...

• Einbettung in HTML-Tags – Event-Aufrufe

– javascript:-URLs Close window.

• Einbettung mit dem src-Attribut

Beispiele Aus Einführung in JavaScript • Diashow • Kalenderblatt • Uhr • Einfacher Rechner • Einfacher Taschenrechner • Laufschrift

Weiterführende Literatur • • • • •

JavaScript Central JavaScript Developer Central Selfhtml Kakao & Kekse Einführung in JavaScript

Danke für Ihre Aufmerksamkeit! Fragen?

View more...

Comments

Copyright � 2017 NANOPDF Inc.
SUPPORT NANOPDF