Objekte
Der Browser teilt alles, angefangen bei sich selbst(navigator), die Systemzeit des Computers, seine Fenster(window), das Dokument(document) und alle Elemente die sich darin befinden wie Bilder(images) und Formulare(forms), in Objekte (object) ein. JavaScript erlaubt, diese Objekte anzusprechen, zu lesen und grösstenteils auch zu verändern.
Objekte, Eigenschaften und Methoden
Für das Objekt Document mit den meisten Unterobjekten, Eigenschaften und Methoden wird das DOM (DocumentObjectModell) beschrieben, welches Zugriff auf absolut Alles im Dokument erlaubt.
Genaueres zu den Stichworten: navigator, window, document, images, forms, DOM
Objekte haben Eigenschaften (property) und Unterobjekte, die natürlich auch Eigenschaften haben. (Eigenschaften sind Unterobjekte,
welche selber keine Eigenschaften haben.)
Objekte haben auch Methoden, mit denen sie etwas tun (Methoden sind Funktionen, die Aktionen ausführen, aber im Gegensatz zu den alleine stehenden Funktionen,
sind Methoden an ein bestimmtes Objekt gebunden). Methoden erkennt man an ihren Klammern methode(), in die hinein man bestimmte Parameter übergeben kann.
Wird ein Objekt referenziert, so beginnt man mit seiner Beschreibung immer oben in der Hierarchie bei Window oder Document,
bis zu deren Unterobjekt oder Eigenschaft, die das Objekt darstellt und endet mit ev. der Methode(); die Einzelteile verbindet man mit einem . (Punkt).
'Der Hund soll mit seinen Schwanz 5 mal wedeln.' würde man so notieren: hund.schwanz.wedeln(5)
'Hund stinke nicht!' würde man so befehlen: hund.stinken(false)
Der 'Hund' ist ein Objekt, das hat ein Unterobjekt 'Schwanz' dieses hat eine Methode 'wedeln()' welche als Parameter die Anzahl erwartet.
Der 'Hund' hat auch direkt schon eine Methode 'stinken()' welche als Parameter den Boolschen-Wert erwartet.
Das Unterobjekt 'Schwanz' hat auch Eigenschaften wie 'Schwanzlänge' oder 'Farbe', aber die sind im obigen Beispiel einfach noch nicht zur Sprache gekommen.
Ich kann auch herausfinden ob der Hund stinkt oder mit dem Schwanz wedelt und in Abhängigkeit davon einem anderen Objekt, z.B. dem Schaumbad, diesen Hund zum Waschen übergeben.
In der JavaScript-Welt geht das so: window.document.images[0].src="meinBild.jpg;
Das Objekt window müsste vor document nicht genannt werden. images ist ein Arrayobjekt mit allen Bildern der Seite. src ist die Eigenschaft von image.
Eigenschaften haben immer einen Wert, hier die URL des Bildes.
Abbildung Objekt Hierarchie
Leider kennen nicht alle Browser die selben Objekte, aber die meisten sind immerhin schon so gut, dass heute nicht mehr jeder Browser durch sein eigenes JavaScript angesprochen werden müsste (via Browserweiche). Ich beschränke mich also auf Cross-Browser-Scripte. Mit (Moz) und (IE) sind proprietäre Objekte bezeichnet.
Check den Code.