Anzeigen von Informationen im Browser

Artikel
09/02/2008

Aktualisiert: November 2007

Obwohl Browser die meisten JScript-Features unterstützen, werden die neuen Features für .NET Framework, d. h. klassenbasierte Objekte, Datentypen, Enumerationen, Direktiven für die bedingte Kompilierung und die const-Anweisung, nur serverseitig unterstützt. Daher sollten Sie diese Features ausschließlich in serverseitigen Skripts verwenden. Weitere Informationen finden Sie unter JScript-Versionsinformationen.

Erfahrene Entwickler integrieren Code, der bei jeder Anforderung zum Ausführen eines Skriptes in einem Browser (Client) die Version des Skriptmoduls erkennt. Wenn das Skript die Modulversion erkannt hat, kann es den Browser auf eine Seite umleiten, die das Skript enthält, das mit dem Skriptmodul des Browsers kompatibel ist. Weitere Informationen finden Sie unter Feststellen der Browserfunktionen.

Informationen in einem Browser werden mit JScript über die write-Methode und die writeln-Methode des document-Objekts des Browsers angezeigt. Es können auch Informationen in Formularen in einem Browser und in alert-Meldungsfeldern, prompt-Meldungsfeldern und confirm-Meldungsfeldern angezeigt werden. Weitere Informationen finden Sie unter Verwenden von Meldungsfeldern.

Verwenden von "document.write" und "document.writeln"

Am häufigsten werden Informationen mithilfe der write-Anweisung des document-Objekts angezeigt. Diese akzeptiert als einziges Argument eine Zeichenfolge, die im Browser angezeigt wird. Die Zeichenfolge kann aus unformatiertem Text oder aus HTML-Code bestehen.

Da Zeichenfolgen durch einfache oder doppelte Anführungszeichen eingeschlossen werden können, können Sie Text mit Anführungszeichen umschließen, der selbst Anführungszeichen oder Apostrophe enthält.

document.write("Pi is approximately equal to " + Math.PI);
document.write();

Hinweis:
Bei Verwendung der folgenden einfachen Funktion müssen Sie nicht jedes Mal document.write eingeben, wenn Sie im Browserfenster Text anzeigen möchten. Diese Funktion informiert Sie nicht, wenn Ihre Eingabe nicht definiert ist, sondern erlaubt den Befehl w();, mit dem eine leere Zeile angezeigt wird.

function w(m) { // Write function.
   m = String(m); //  Make sure that the m variable is a string.
   if ("undefined" != m) { // Test for empty write or other undefined item.
      document.write(m);
   }
   document.write("<br>");
}

w('<IMG SRC="horse.gif">');
w();
w("This is an engraving of a horse.");
w();

Die writeln-Methode, die mit der write-Methode beinahe identisch ist, hängt eine Zeilenendemarke an die übergebene Zeichenfolge an. In HTML wird dadurch normalerweise nur ein Leerzeichen nach einem Element eingefügt. Innerhalb von <PRE>-Tags und <XMP>-Tags wird die Zeilenendemarke jedoch literal interpretiert und vom Browser angezeigt.

Die write-Methode öffnet und löscht das Dokument, wenn dieses beim Aufruf der write-Methode nicht gerade geöffnet und verarbeitet wird. Dadurch können unerwartete Ergebnisse eintreten. Im folgenden Beispiel, in dem ein Skript zur minütlichen Anzeige der Zeit gezeigt wird, schlägt der Versuch nach dem ersten Mal fehl, da während des Vorgangs eine Selbstlöschung eintritt.

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JScript">
function singOut()  {
   var theMoment = new Date();
   var theHour = theMoment.getHours();
   var theMinute = theMoment.getMinutes();
   var theDisplacement = (theMoment.getTimezoneOffset() / 60);
   theHour -= theDisplacement;
   if (theHour > 23)  {
      theHour -= 24
   }
   // The following line clears the script the second time it is run.
   document.write(theHour + " hours, " + theMinute + " minutes, Coordinated Universal Time.");
   window.setTimeout("singOut();", 60000);
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT>
singOut();
</SCRIPT>
</BODY>
</HTML>

Wenn Sie statt document.write die alert-Methode des Fensterobjekts verwenden, funktioniert das Skript.

   // This line produced the intended result.
window.alert(theHour + " hours, " + theMinute + " minutes, Coordinated Universal Time.");

Für Internet Explorer, Version 5 und höher, werden element.innerText oder element.innerHTML bevorzugt.

Löschen des aktuellen Dokuments

Die clear-Methode des document-Objekts löscht den Inhalt des aktuellen Dokuments. Diese Methode löscht mit dem verbleibenden Dokumentinhalt auch das Skript, seien Sie daher bei der Verwendung sehr vorsichtig.

document.clear();

Siehe auch

Konzepte

Verwenden von Meldungsfeldern

Feststellen der Browserfunktionen

Weitere Ressourcen

Anzeigen von Informationen mit JScript

Freigeben über