So drucken Sie in JavaScript | Mit Beispielen erklärt

JavaScript bietet wie jede andere Rechensprache eine Vielzahl von Möglichkeiten zum Drucken der Ausgabe. Als JavaScript -Lernender sind Sie auf die Konsole gestoßen.log () Methode zum Drucken des Ausgangs. Allerdings das innere.HTML -Eigenschaft, Fenster.alert () Methode und Dokument.Write () -Methoden können auch für Druckzwecke in JavaScript verwendet werden.

In unserem heutigen Leitfaden geben wir einen tiefen Einblick in alle möglichen Druckenansätze in JavaScript.

Lassen Sie uns nacheinander in diese Methoden graben.

Methode 1: Konsole.log () Methode

Der Konsole.Protokoll() Die Methode ist die am häufigsten verwendete Möglichkeit, in JavaScript zu drucken. Es kann verwendet werden, um die Zeichenfolgen, Objekte oder eine andere Ausgabe auf der Konsole zu drucken. Der JavaScript -Code funktioniert auf der Konsole. Daher die Konsole.Log () -Methode kann nicht verwendet werden, um eine HTML- oder CSS -Integration mit dem JS auszuführen.

Die Syntax dieser Methode wird unten beschrieben:

Syntax

Konsole.log (meldung);

Das folgende Beispiel wird durchgeführt, um eine Nachricht in JavaScript basierend auf dem zu drucken Konsole.Protokoll() Methode.

Code

Konsole.log ("ein Beispiel zur Verwendung einer Konsole.log () in JavaScript ")
Konsole.log ("Willkommen bei JavaScript");

In diesem Code die Konsole.Protokoll() Die Methode wird verwendet, um eine Nachricht im Konsolenfenster zu drucken.

Ausgang

Die Ausgabe zeigt, dass zwei Aussagen, die mit der Konsole verwendet wurden.Log () -Methode werden auf der Konsole gedruckt.

Methode 2: Dokument.Write () Methode

Der dokumentieren.schreiben() ist ein weiterer Ansatz zum Drucken der Ausgabe in einem Browser mit JavaScript. Beispielsweise wird die Methode verwendet, um der HTML -Seite Inhalte hinzuzufügen. Die Entwicklergemeinschaft nutzt diese Methode zum Testen oder Debugging -Zwecke. Die Syntax des Dokuments.Write () Methode wird unten beschrieben:

Syntax

dokumentieren.Schreiben (Nachricht);

Der Nachricht Der an diese Methode übergebene Parameter wird auf der Konsole gedruckt.

Schauen wir uns den folgenden Beispielcode an, um diese Methode besser zu verstehen:

Code

Ein Beispiel für die Verwendung von Dokumenten.write () in JavaScript

Im obigen Code das Dokument.Write () Methode wird in den Tags verwendet.

Ausgang

Die Ausgabe zeigt, dass die “Willkommen nach JavaScriptDer Text wird auf dem Browser gedruckt.

Methode 3: innere.HTML -Eigenschaft

Der innere.HTML Das Eigentum ist berühmt dafür, eine Nachricht in einem HTML -Dokument zu drucken. In der Methode wird die eindeutige Identifizierung des Elements übergeben, um das HTML -Element in das Dokument zu erhalten.

Syntax

dokumentieren.GetElementById ("P").innerHtml = "message";

Die Beschreibung der Parameter ist unten angegeben:

• GetelementById: Identifizieren Sie die Einzigartige Ausweis des HTML -Elements.
• Nachricht: Repräsentiert die spezifischen Informationen, die in JavaScript gedruckt werden sollen.

Der Beispielcode für die InnerHTML -Eigenschaft ist unten bereitgestellt.

Code

Ein Beispiel für die Verwendung von Innerhtml in JavaScript

Die Beschreibung des Codes lautet wie folgt.

• Eine allgemeine Nachricht wird mithilfe der Überschrift angezeigt

  Stichworte.

• Danach eine eindeutige Identifizierung “P”Wird dem Absatzelement zugewiesen.
• Außerdem die Zeichenfolge “Willkommen bei JavaScript”Wird mit dem zugewiesen Innerhtml Eigentum.

Ausgang

Die Ausgabe zeigt die Meldung an “Willkommen bei JavaScript”Durch die Verwendung der Innerhtml Eigenschaft in JavaScript.

Methode 4: Fenster.alert () Methode

Ein anderer Ansatz zum Drucken einer Nachricht ist durch die möglich Fenster.Alarm() Methode. Es ist nützlich für die Formularvalidierung und Bestätigung jeder Benutzeraktion im Browser. Die Syntax des Fensters.Alerert () Methode lautet wie folgt:

Syntax

Fenster.Warnmeldung");

Das Nachrichtenargument wird als Warnmeldung angezeigt.

Beispiel

Ein Beispiel wird verwendet, um das Fenster durch das zu aktualisieren Fenster.Alarm() Methode in JavaScript.

Code

Ein Beispiel für die Verwendung eines Fensters.alert () in JavaScript

In diesem Code:

• Eine Nachricht wird mit der Überschrift angezeigt

  Schild.

• Danach die Alarm() Methode wird innerhalb der angewendet Stichworte.
• Schließlich die Zeichenfolge “Willkommen bei JavaScript”Wird an die übergeben Alarm() Methode.

Ausgang

Die Ausgabe der obigen Codeausführung repräsentiert ein Popup-Fenster. In diesem Fenster die Passzeichenfolge "Willkommen bei JavaScript" wird als Alarm für den Benutzer gedruckt.

Bonus -Tipp: Andere Konsolenmethoden zum Drucken in JavaScript

Abgesehen von der Konsole.Protokollmethode, es gibt mehrere andere Methoden, die vom Konsolenobjekt des JavaScript unterstützt werden. Sie werden für mehrere Zwecke verwendet und auf der Konsole gedruckt. Die folgende Tabelle enthält alle diese Methoden neben ihren Beschreibungen und den Syntaxen:

Methode	Syntax	Beschreibung
klar()	Konsole.klar()	Diese Methode löscht die Konsole.
Fehler()	Konsole.Fehler()	Druckt eine Fehlermeldung.
die Info()	Konsole.die Info()	Drucke Informationsnachrichten.
warnen()	Konsole.warnen()	Zeigt eine Warnung an der Konsole an.
behaupten()	Konsole.behaupten()	Fehlermeldung, wenn und nur wenn die Behauptung falsch ist.

Das war's von diesem Leitfaden. Sie haben gelernt, in JavaScript über verschiedene mögliche Methoden zu drucken.

Abschluss

Es wird der Schluss gezogen, dass vier verschiedene Ansätze genannt werden dokumentieren.schreiben(), Innerhtml, Fenster.Alarm, Und Konsole.Protokoll() kann verwendet werden, um Informationen in JavaScript zu drucken. Die Informationen können Zeichenfolgen, Objekteigenschaften, berechnete Ausgabe usw. umfassen. Die Konsole unterstützt zusätzliche Methoden, einschließlich der Konsole.Warn (), Konsole.info (), Konsole.Fehler(). Wir haben auch den Zweck und die Syntax dieser Methoden gezeigt.