Javascript Document Object und Window Object
Die Browser stellen viel mehr eingebaute Objekte zur Verfügung als nur document, window und Image(): Objekte wie new Option, new FormData, new FileReader sind praktisch und ersparen das document.createElement().
Objekt-orientiert?
Das Document Object und das Window Object spielen die tragende Rolle in Webseiten. Das Window Object repräsentiert das Browserfenster und das Document Object stellt den HTML-Dokumentenbaum für den Zugriff auf alle Elemente der Webseite dar.
Array, Boolean, Math, String und Date sind die Objekte, die Javascript in jeder Umgebung mitbringt. Das Document Object Model (DOM) bringt die Objekte mit, aus denen eine Webseite aufgebaut ist.
Document Object, Window Object, Location Object …
Wenn Javascript für Webseiten eingesetzt wird, dann gibt es das Document-Object, das Window-Object, Location- und Screen-Object – das sind die Objekte, mit denen das Browserfenster, die HTML-Seite und die URL der Webseite im Script angesprochen werden.
Rechts: Objekte, die vom Browser mitgebracht werden.
Heute verwenden wir Objekte wie anchors, applets, forms und images kaum noch, aber sie sind standardisiert und werden von allen Browsern unterstützt.
DOM-Elemente als Objekt mit JavaScript erzeugen
Die direkten Konstruktoren für HTML-Elemente werden heute nur noch selten verwendet.
- new Image()
- erzeugt ein <img>
- new Option()
- erzeugt ein <option>
- new Audio()
- erzeugt ein <audio>-Element
Eine Reihe von Objekten sind für das Arbeiten mit Daten, Dateien und Ressourcen gedacht:
- new Blob()
- Binär- oder Text-Datenbündel
- new File()
- Datenbündel mit Dateiname und Metadaten
- new FileReader()
- liest Dateien/Blobs als Text, ArrayBuffer, DataURL
- new FormData()
- simuliert die Übertragung eines Form-Elements
- localStorage, sessionStorage
- werden nicht mit new erzeugt, der Browser stellt fertige Instanzen der Klasse Storage zur Verfügung
- new ClipboardItem()
- beschreibt den Eintrag in die Zwischenablage für Copy&Paste
- new IntersectionObserver()
- new ResizeObserver ()
