SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.
JavaScript/DOM/Document/write
Die Methode write() gibt Text im Dokument aus. Sie erwartet eine Zeichenkette oder einen JavaScript-Ausdruck als Parameter.
Syntax
document.write(markup);
-
markup
: Zeichenkette, die Text und HTML-Markup enthalten kann.
Anwendungsbeispiel
DeinName = prompt("Gib bitte Deinen Namen an.", "Name");
document.write("<b>Hallo " + DeinName + "<\/b>");
Das Beispiel zeigt beim Einlesen der Datei mit prompt() ein Dialogfenster an, in dem der Anwender seinen Namen eingeben soll. Der eingegebene Wert wird in der Variablen DeinName
gespeichert. Anschließend wird mit document.write()
das Wort "Hallo" mit einem Leerzeichen dahinter geschrieben. An die Zeichenkette angehängt wird die Variable DeinName
. Dadurch steht hinterher beispielsweise "Hallo Susi" im Text, wenn in dem Dialogfenster "Susi" als Name angegeben wurde. Damit die Ausgabe in Fettschrift erfolgt, wird sie in das entsprechende HTML-Element gesetzt.
Es ist auch erlaubt, mehrere Zeichenketten oder Ausdrücke durch Kommata getrennt innerhalb von document.write()
zu verwenden.
document.write("<script>...</script>")
schreiben möchten. Maskiert <script>...<\/script>
geschrieben, wird der dynamisch geschriebene Script-Bereich als eigenständiger Block interpretiert, und das aktuelle Script wird unabhängig davon weiter ausgeführt.document.write
ist heute eher unüblich, da es den Weg zur Injektion von unerwünschtem und evtl. schädlichen Code öffnet.
Hauptartikel: JavaScript/Tutorials/Sicherheitskonzepte Verwenden Sie getElementById um ein HTML-Element anzusprechen und es dann mit innerHTML zu füllen.
Eine noch sicherere Alternative ist das Erzeugen eines Textknotens mit createTextNode, in den Sie dann mit appendChild Text, aber keinen HTML-Code anhängen können.Weblinks
- W3C: write
- MDN: Document.write
- google.developers: Intervening against document.write()