Möglicherweise müssen Sie Ausgabe anzeigen von deiner JavaScript Code in bestimmten Situationen. Wenn Sie beispielsweise eine Nachricht an Ihre Browserkonsole senden möchten, um Sie beim Debuggenfehler zu unterstützen oder den Wert einer Variablen mit Ihrem JavaScript -Code zu überprüfen, usw. Es gibt verschiedene Möglichkeiten, die Ausgabe in JavaScript zu generieren und anzuzeigen, einschließlich des Schreibens der Ausgabe in ein HTML.

In diesem Artikel wird gezeigt, wie die Ausgabe in JavaScript mit der Konsole angezeigt wird.Log (), Dokument.Write (), Dokument.GetElementById () und Fenster.alert () Funktion. Beginnen wir diesen Leitfaden!

Was sind die Möglichkeiten, die Ausgabe in JavaScript anzuzeigen?

Sie können die Ausgabe in JavaScript auf folgende Möglichkeiten anzeigen:

• Zu Ausgabe anzeigen im Browser Konsole, du kannst den ... benutzen "Konsole.Protokoll()”Funktion.
• Aufschreiben in Html und anzeigen seine Ausgang, du kannst den ... benutzen "dokumentieren.schreiben()”Funktion.
• In eine schreiben HTML -Element und zeigen die Ausgabe an, Sie können die „verwenden“dokumentieren.GetElementById ()”Funktion mit der“.Innerhtml" Eigentum.
• Zu zeigen Ausgang In ein Alarmbox, du kannst den ... benutzen "Fenster.Alarm()”Funktion.

So anzeigen Sie die Ausgabe in JavaScript mit der Konsole an.Protokoll()

In JavaScript die “Konsole.Protokoll()Die Funktion wird zum Anzeigen von Ausgaben oder Drucken der Werte einer im Programm definierten Variablen verwendet. Der "Protokoll()Methode in der Konsole.log () nimmt den Parameter aus, der die Daten umfasst, die Sie ausgeben möchten. Die meisten JavaScript -Entwickler verwenden die angegebene Funktion, um Fehler und Debugging -Zwecke aufzulisten.

Konsolensyntax.Protokoll()

Hier ist die Konsolensyntax.log () in JavaScript:

Konsole.log ("Parameter")

Der "Konsole.Protokoll()"Funktion akzeptiert eine"Parameter,Das kann jede Nachricht, ein Objekt oder ein Array sein, und es gibt dann den Wert des angegebenen Parameters in das Konsolenfenster zurück oder gibt es aus.

Beispiel: Anzeige der Ausgabe in JavaScript mit der Konsole.Protokoll()

Im folgenden Beispiel werden wir die Konsole verwenden.log () Funktion zum Ausgabe der “Dies ist LinuxHint.comMeldung auf unserer Webseite. Zu diesem Zweck werden wir eine „erstellen“Testdatei.htmlDatei in unserem bevorzugten Code -Editor wie VS -Code und schreiben Sie den folgenden Code darin auf:

Nach dem Hinzufügen des Codes drücken Sie “Strg+s"Um den hinzugefügten Code in" hinzugefügt "zu speichern"Testdatei.html”. Klicken Sie anschließend auf Ihre Datei und öffnen Sie sie in Ihrem bevorzugten Browser, indem Sie auf die HTML-Datei doppelklicken.

Eine leere Webseite wird für Ihre geöffnet “Testdatei.html" Datei. Wählen Sie im Menü mit der rechten Maustaste das "PrüfenOption, um die Entwicklerwerkzeuge Ihres Browsers direkt zu öffnen:

Nun gehen Sie zum "KonsoleRegisterkarte "Registerkarte" der Entwickleroptionen. Es wird die Meldung angezeigt, die wir als Parameter für die “hinzugefügt habenKonsole.Protokoll()Funktion:

So anzeigen Sie die Ausgabe in JavaScript mithilfe des Dokuments an.schreiben()

In JavaScript die “dokumentieren.schreiben()Die Funktion wird zum Einfügen von Inhalten oder JavaScript -Code in einem Dokument verwendet. Der "dokumentieren.schreiben()Die Funktion entfernt alle vorhandenen Inhalte aus dem HTML -Dokument und ersetzt ihn durch den neuen Inhalt als Parameter hinzugefügt. Diese Methode wird hauptsächlich für Testzwecke angewendet.

Dokumentsyntax.schreiben()

Schauen Sie sich nun die Syntax des Dokuments an.Write () Funktion:

dokumentieren.Schreiben Sie (exp1, exp2,…)

Der "dokumentieren.schreiben()Die Funktion kann mehrere Parameter enthalten. Die Ausdrucksargumente wie "Exp1" Und "Exp2”Wird in ihrer zusätzlichen Sequenz als Ausgabe angezeigt.

Beispiel: Anzeige der Ausgabe in JavaScript mithilfe des Dokuments.schreiben()

Im folgenden Beispiel, sobald unsere Webseite geladen wird, ist das “die“dokumentieren.schreiben()Die Funktion löscht alle Daten der Webseite und schreiben sie mit dem Inhalt um, den wir als Parameter hinzugefügt haben:

LinuxHint

Wie wir hinzugefügt haben “Dies ist LinuxHint.com"Als Parameter in unserem" "dokumentieren.schreiben()Die Funktion zeigt die folgende Ausgabe an:

So anzeigen Sie die Ausgabe in JavaScript mithilfe des Dokuments an.GetElementById ()

Der "dokumentieren.GetElementById ()In JavaScript wird zur Rückgabe des Elementobjekts verwendet, dessen “Ausweis”Wird mit der bereitgestellten Zeichenfolge abgestimmt. Die Element -IDs sind nützlich, um schnell auf das angegebene Element zugreifen zu können, und können daher mit dem verwendet werden.Innerhtml ” Eigenschaft zum Schreiben oder Anzeigen ihrer Ausgabe.

Dokumentsyntax.GetElementById ()

Schauen wir uns die Dokumentsyntax an.GetElementById () -Funktion in JavaScript:

dokumentieren.GetElementById (ID)

Hier das Attribut “Ausweis”Definiert das HTML -Element, das zum Einsetzen oder Schreiben von Ausgaben in das angegebene Element verwendet werden kann:

Beispiel: Anzeige der Ausgabe in JavaScript mithilfe des Dokuments.GetElementById ()

Im folgenden Beispiel haben wir ein Element mit dem hinzugefügt Ausweis "prüfen". Danach das "dokumentieren.GetElementById (Test)Die Methode wählt unser HTML -Element mit id =“prüfen”. Dann ist die ".InnerhtmlEigenschaft wird hinzugefügt, um die angegebene Zeichenfolge darin aufzuschreiben:

LinuxHint

Das untergegebene Bild zeigt an, dass wir erfolgreich das hinzugefügt habenDies ist LinuxHint.comZeichenfolge in unserem ausgewählten Element:

So anzeigen Sie die Ausgabe in JavaScript mit dem Fenster an.Alarm()

Der Fenster.Alarm() Die Methode zeigt die Ausgabe oder alle Informationen an den Benutzer an. Es zeigt die hinzugefügte Nachricht in einem Alarmfeld mit der “anOK" Taste. Das Benachrichtigungsfeld erzwingt den Benutzer, die angezeigte Nachricht zu lesen, und der Benutzer kann auf die Webseite nicht zugreifen, bis das Alarmfeld geschlossen ist.

Syntax des Fensters.Alarm()

Um Warnungen für Ihre Webseite zu verwenden, folgen Sie der folgenden Syntax:

Fenster.alert ("Parameter")

Hier in derParameter”, Übergeben Sie die Informationen, die Sie in der hinzugefügten Alarmbox anzeigen möchten.

Beispiel: Anzeigen der Ausgabe in JavaScript mit dem Fenster.Alarm()

In diesem Beispiel haben wir ein Alarmbox hinzugefügt, das auf der Webseite angezeigt wird. “Dies ist LinuxHint.com”Als Inhalt:

LinuxHint

Wenn das Fenster.alert () popup wird auf unserer Webseite angezeigt, dann jeder nach dem Fenster geschriebene Code.alert () wird erst ausgeführt, wenn Sie den Alarm schließen, indem Sie die “drücken“OK" Taste:

Abschluss

In dieser Beschreibung wurde besprochen, wie es geht Ausgabe anzeigen In JavaScript Verwendung Konsole.Protokoll(), dokumentieren.schreiben(), dokumentieren.GetElementById (), Und Fenster.Alarm() Funktionen. Das Verfahren der Konsole der Konsole.Log (), Dokument.Write (), Dokument.GetElementById () und Fenster.Alert () Funktionen zur Anzeige der Ausgabe in JavaScript werden in diesem Artikel ebenfalls demonstriert. Basierend auf Ihren Einstellungen können Sie die Ausgabe in JavaScript generieren und anzeigen, indem Sie die Ausgabe in ein HTML.