Übungsaufgaben 16.September 2013

Wiki-Quelltext dieser Seite.

== Objekte ==
 
'''Aufgabe 1 '''

Probieren Sie dieses Beispiel aus. 

   <script type="text/javascript">
    alert("Klicken Sie auf OK!");
    document.title = "Aber das ist JavaScript!";
   </script>

''' Aufgabe 2 '''

Gestalten Sie eine Seite mit drei Veranstaltungstipps fürs Wochenende. Bringen Sie auf dieser Seite einen Link unter in einem neuen Fenster öffnet.Schreiben Sie eine Funktion, die ein neues leeres Fenster für den Notizzettel öffnet und rufen Sie diese per Button für jeden Veranstaltungstipp auf. 

''' Aufgabe 3 '''

Schreiben Sie ein kleines Skript, in dem versucht wird, das aktuelle Browserfenster zu schließen, und sehen Sie, was passiert.

''' Aufgabe 4 '''

Bringen Sie in den Veranstaltungstipps einen Button unter, der das Notizzettel-Fenster schließt. Bedenken Sie, dass man natürlich nur dann ein Fenster schließen kann, wenn es vorher geöffnet wurde. 

'''Aufgabe 5 '''

Sorgen Sie dafür, dass das Notizzettel-Fenster immer in den Vordergrund kommt, wenn auf einen Button geklickt wird. 

'''Aufgabe 6 '''

Verdeckt bei Ihnen auch das Notizzettel-Fenster die Veranstaltungstipps? Schieben Sie das Fenster an eine Position, an der es möglichst wenig stört.

'''Aufgabe 7 '''

Finden Sie heraus, welchen Wert Methode prompt() zurückgibt, wenn der Benutzer in der Dialogbox auf Abbrechen drückt.

'''Aufgabe 8 '''

Geben Sie für die Veranstaltungstipps das Datum der letzten Aktualisierung der Seite aus, damit der Benutzer immer weiß, ob die Tipps aktuell sind.

''' Aufgabe 9 '''

Probieren Sie dieses Skript einmal aus - die Merkregel ist, dass Sie document.write() nie beim Klick auf einen Button verwenden sollten. 

    <script type="text/javascript">
      document.write("Ausgabe ins aktuelle Dokument");
    </script>
    <form name="formular">
      <input type="button" value="Ausgabe" onClick='document.write("Ausgabe in neues Dokument");'>
    </form>

''' Aufgabe 10 '''

Schreiben Sie in das Notizzettel-Fenster beim Klick auf den Button die Daten der gewählten Veranstaltung hinein.

''' Aufgabe 11 '''

Fügen Sie in die Seite mit den Veranstaltungstipps eine Funktion ein, die eine Weiterleitung zu einer als Argument anzugebenden Seite vornimmt. Sie soll zum Einsatz kommen, um englischsprachige Benutzer automatisch zu einer englischen Seite zu führen.

''' Aufgabe 12 '''

Leiten Sie einen englischsprachigen Benutzer automatisch auf eine englische Version der Veranstaltungsseite weiter. Bedenken Sie dabei, dass das natürlich in jedem Browser funktionieren soll.

''' Aufgabe 13'''
Das Objekt navigator hat zwei Eigenschaften namens appName und userAgent. Geben Sie in einem Dokument die beiden Eigenschaften aus und sehen Sie sich an, was Javascript u. a. über Betriebssystem und Browser verrät.