JavaScript-BOM-Tutorial

Einführung

Das BOM (Browser Object Model) ist eine nicht standaradisierte Schnittstelle von Browsern, die es Skripten erlaubt, mit dem Browser zu interagieren
Das BOM besteht aus den Objekten „document“, „screen“, „location“ „history“ und „navigator“, die wiederum zum Objekt „window“ gehören
Ein Teil des BOM ist das DOM (Document Object Model), das durch das „document“-Objekt repräsentiert wird
...mehr lesen...

Das „window“-Objekt ist das übergeordnete Objekt des BOM
Das „window“-Objekt repräsentiert das Browser-Fenster und wird von allen gängigen Browsern unterstützt
Die in diesem Kapitel behandelten Eigenschaften:

Das „screen“-Objekt repräsentiert den Bildschirm des Endgerätes des Anwenders
Die Eigenschaften des „screen“-Objekts:

Das „location“-Objekt beinhaltet Informationen zur aktuell in einem Browserfenster verwendeten URL
Die in diesem Kapitel behandelten Eigenschaften:

Das „history“-Objekt ermögliche den Zugriff auf die Verlaufs-Historie des Browsers
Mit Hilfe der Eigenschaft „length“ kann die Anzahl der Einträge in der Verlaufs-Historie ermittelt werden
Die in diesem Kapitel behandelten Methoden:

Mit dem „navigator“-Objekt können Informationen zum verwendeten Browser ermittelt werden
Die in diesem Kapitel behandelten Eigenschaften:

Mit der Methode „javaEnabled()“ kann geprüft werden, ob Java im Browser verfügbar ist
...mehr lesen...

Mit den Methoden „alert()“, „confirm()“ und „prompt()“ des „window“-Objekts können verschiedene Meldungsfenster geöffnet werden
Mit der Methode „alert()“ kann ein Meldungsfenster geöffnet werden, mit einem Informations-Text und einem „OK“-Button
Mit der Methode „confirm()“ des „window“-Objekts kann ein Meldungsfenster, mit einem „OK“- und einem „Abbrechen“-Button geöffnet werden
Mit der Methode „prompt()“ des „window“-Objekts kann ein Meldungsfenster mit einem Eingabefeld, einem „OK“- und einem „Abbrechen“-Button, geöffnet werden
Ein Zeilenumbruch innerhalb des Informationstexts eines Meldungsfensters kann mit der Zeichenfolge „\n“ generiert werden
...mehr lesen...

Mit Hilfe der Zeitsteuerung in JavaScript können Funktionen verzögert oder in zeitlichen Intervallen wiederholend ausgeführt werden
Mit der Methode „setTimeout()“ des „window“-Objekts können Funktionen verzögert gestartet werden
Mit der Methode „clearTimeout()“ des „window“-Objekts kann eine verzögert startende Funktion abgebrochen werden
Mit der Methode „setInterval()“ des „window“-Objekts kann eine Funktion in einem definier-baren Intervall immer wieder ausgeführt werden
Mit der Methode „clearInterval()“ des „window“-Objekts kann das wiederholte Ausführen einer Funktion abgebrochen werden
...mehr lesen...

Cookies sind kleine Datenpakete, die von Webseiten verwendet werden, um Informationen lokal auf dem Endgerät des Besuchers einer Webseite zu speichern
Cookies werden auf Anfrage zum Webserver übertragen, wodurch der Webserver benutzerspezifische Informationen über den Besucher einer Webseite erhält
Die Verwendung von Cookies kann in allen gängigen Browsern erlaubt, eingeschränkt oder unterbunden werden
Außerdem können Cookies über die Einstellungen des Browser auch gelöscht werden
Mit Hilfe der Eigenschaft „cookie“ des „document“-Objekts können Cookies erstellt, ausgelesen, geändert und gelöscht werden
Zum Erstellen eines Cookies wird der Eigenschaft „cookie“ zuerst der Name des Cookies, dann ein Gleichheitszeichen und danach der Wert des Cookies übergeben
Mit der Eigenschaft „cookie“ können alle Cookies als Schlüssel-Wert-Paar durch Semikolon getrennt und ohne deren Ablaufdatum und Pfad ausgegeben werden
Um ein Cookie zu ändern, wird dem Cookie einfach der neue Wert zugewiesen
Um ein Cookie zu löschen, wird das Ablaufdatum des Cookies auf einen Zeitpunkt in der Vergangenheit gesetzt
...mehr lesen...

Als Abschlussübung für das Tutorial „JavaScript-BOM“ wird Schritt für Schritt eine kleine Anwendung entwickelt
Das Spiel Single-Pong ist angelehnt an das legendäre und erste weltweit bekannte Viedeospiel „Pong“
Ziel des Spieles ist es, einen Ball so lange wie möglich im Spiel zu halten
Berührt der Ball den oberen, unteren oder rechten Spielfeldrand, prallt der Ball im selben Winkel wieder ab
Berührt der Ball aber den linken Bildschirmrand, ist der Ball im Aus und das Spiel zu Ende
...mehr lesen...