JavaScript / Grundkurs - 8. JavaScript schreibt!

von: Werner Zenk

1. Das erste JavaScript
2. Variable Variablen
3. 1 x 1 in JavaScript
4. Gleich oder Ungleich

5. Ein- und Ausgaben
6. Wie spät ist es?
7. Öffne das Fenster
8. JavaScript schreibt!

9. Schöne Schleifen
10. Arrays - Datenfelder
11. Alles Zufall?
12. Die Zeichenkette

JavaScript schreibt Text auf eine Webseite!
Um Text auf eine Webseite zu schreiben, benötigen Sie den JavaScript-Befehl document.write()
document.write( 'Hallo ich stehe hier!' );
Wichtig ist auch hier das die doppelten Anführungszeichen " und die einfachen Anführungszeichen ' richtig geschrieben werden. (Beispiele dazu im Kursteil 2. Variable Variablen).

Der Text soll, in unserem Beispiel, in einem neuen Fenster ausgegeben werden.
Dazu benutzen wir den JavaScript-Befehl window.open() aus der letzten Kursfolge.
Hier ist unsere Vorlage:

<script type="text/javascript">
 function Schreibe_ins_Fenster() {
  var Fenster = window.open('','Fenstername','resizable,scrollbars,width=650,height=530');
 }
</script>

<a href="javascript: Schreibe_ins_Fenster();">Schreibe ins Fenster</a>

Mit document.open("text/html") wird das Dokument zum schreiben geöffnet.
Mit document.write() wird Text in das Dokument geschrieben.
Mit document.close() wird das Dokument nach dem schreiben geschlossen.

<script type="text/javascript">
 function Schreibe_ins_Fenster() {
  var Fenster = window.open('','Fenstername','scrollbars,width=650,height=530');

  Fenster.document.open("text/html");
  Fenster.document.write( 'Hallo ich stehe hier!' );
  Fenster.document.close();
 }
</script>

<a href="javascript:Schreibe_ins_Fenster();">Schreibe ins Fenster</a>
 Schreibe ins Fenster

Mit JavaScript können Sie auch HTML schreiben:

<script type="text/javascript">
 function Schreibe_ins_Fenster2() {
  var Ausgabe = '<html>';
  Ausgabe += '<head> <title>Das Fenster</title> </head>';
  Ausgabe += '<body>';
  Ausgabe += '<h2 align="center"> Hi, Ich bin ein Fenster.</h2>';
  Ausgabe += '<font color="red"> Dieses Fenster dient nur zur Demonstration... </font>';
  Ausgabe += '</body></html>';

  var Fenster = window.open('','Fenstername','scrollbars,width=400,height=300');
  Fenster.document.open("text/html");
  Fenster.document.write( Ausgabe );
  Fenster.document.close();
 }
</script>

<a href="javascript:Schreibe_ins_Fenster2();">Schreibe ins Fenster</a>
 Schreibe ins Fenster

Tipp: Wenn Sie sich den Quelltext im Fenster einmal anschauen (Rechte Maustaste drücken
und dann Quelltext anzeigen auswählen), werden Sie feststellen, das dieser nur in einer einzigen Zeile steht.

Der Quelltext kann mit den folgenden Beispielen umgebrochen (formatiert) werden:
document.writeln("Text");
document.write("Text\n"); - Näheres dazu in Kursfolge 6 ( Wie spät ist es? )

7. Öffne das Fenster 8. JavaScript schreibt! 9. Schöne Schleifen