JavaScript Write Methode

Mit der Methode write des Document-Objekts ist es möglich, Text im Browserfenster (bzw. im HTML-Dokument) auszugeben. Als Parameter werden eine beliebige Anzahl von Zeichenketten (Strings) oder JavaScript-Ausdrücken erwartet, die auch miteinander kombiniert sein können.

Ausgegeben werden können dabei nicht nur Texte oder Inhalte von JavaScript-Variablen. Auch die Ausgabe von HTML-Tags ist ohne weiteres möglich. Dabei ist darauf zu achten, dass der Schrägstrich oder Slash (/) stets durch einen Backslash (\) maskiert werden muss. Soll also etwa die Zeichenkette zur Definition eines HTML-Tags – wie beispielsweise ein B-Tag zur Fett-Formatierung des enthaltenen Textes – ausgegeben werden, so lautet die Schreibweise nicht "<b>Fett</b>", sondern "<b>Fett<\/b>".

Auf diese Weise lässt sich eine HTML-Seite per JavaScript dynamisch aufbauen. Neben den üblichen Formatierungs-Tags können auch Styles und sogar Script-Bereiche ausgegeben werden. Eine denkbare Anwendung wäre es, in einem bestimmten Anzeigebereich (beispielsweise in einem iframe oder einem frame) auf Benutzeraktionen zu reagieren. Ändert der Benutzer Eingabefelder oder Optionen in einem Steuerungsfenster, so kann man das Ergebnis dieser Änderungen im entsprechenden Frame ausgeben. So lassen sich beispielsweise einfache JavaScript-gestützte Generatoren umsetzen.

JavaScript document.write Beispiel

Im folgenden Beispiel werden einige Möglichkeiten der Ausgabe im Browserfenster durch die Methode document.write demonstriert.

<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// einen einfachen Text ausgeben (ohne jede Formatierung in HMTL)
document.write ("Hallo Welt!<br>");

// eine Änderungsmarkierung (HTML-Tag) ausgeben
document.write ("<del>Text wurde ge&auml;ndert<\/del><br>");

// aktuelles Datum (Kombination aus Text und Wert einer JavaScript-Variable)
document.write ("Heute ist " + new Date () + "<br>");

// Hier wird das String in einem einfachen Anführungszeichen eingeschlossen,
// damit die doppelten Anführungszeichen innerhalb des Strings nicht
// maskiert werden müssen.
document.write ('<img src="/pic/logo_evocomp.jpg" alt="" /><br>');
// -->
</script>