|[[:inf:js:objektmodell:Fragen]]|[[:inf:js:objektmodell|Inhalte]]|**Übungen**|

====== JavaScript - Objektmodell ======

===== Ex1: Neue Fenster öffnen und schließen =====
Erstelle eine Webseite, die einige Bilder verkleinert als Vorschau enthält. Nach einem
Klick auf das Bild öffne ein Fenster, welches das Bild in seiner vollen Größe darstellt.
Verwende den folgenden Code im ''<img>''-Tag zum Aufruf der Funktion:

<code javascript>
<img  src="" onClick="oeffneFenster(BildURL)"> 
</code>

Füge zusätzlich in die Fenster, die das Bild in Originalgröße anzeigen, eine Schaltfläche ein, über die du die Fenster per JavaScript schließen kannst.

\\

===== Ex2: Eingabefenster und Zeitgeber verwenden =====
Lies über ein Eingabefenster die Anzahl von Sekunden ein, die das Fenster mit dem Bild in Originalgröße geöffnet bleiben soll, bevor es wieder geschlossen wird. Zeige eine Meldung an, wenn die eingegebene Zeit nicht zwischen 1 und 20 Sekunden liegt. Implementiere die Funktionalität zum Schließen des Fensters nach der angegebenen Zeit.

\\

===== Ex3: Dokumenteigenschaften auslesen und ändern =====
Setze nach dem Laden einer Webseite deren Hintergrundfarbe auf Hellblau, und zeige die URL der Webseite an, von der du zum aktuellen Dokument gewechselt bist. Letzteres wird nur übermittelt, wenn sich die Webseite auf einem Webserver befindet.