Ausgabe in JavaScript

In einigen Fällen müssen Sie möglicherweise Ausgaben aus JavaScript-Code generieren. Zum Beispiel möchten Sie möglicherweise den Wert einer Variable überprüfen oder eine Nachricht in die Browserkonsole schreiben, um Ihnen zu helfen, Probleme im laufenden JavaScript-Code zu debuggen, etc.

In diesem Tutorial werden Sie lernen, wie Sie Ausgaben in JavaScript generieren.

Methoden zur Generierung von Ausgaben in JavaScript

JavaScript kann Daten auf verschiedene Weise anzeigen:

• In ein HTML-Element schreiben, verwenden innerHTML

• In den Dokumentstrom schreiben, verwenden document.write()

• Eine Warnungsfenster einblenden, verwenden window.alert()

• In den Browserkonsole schreiben, verwenden console.log()

innerHTML des Elements verwenden

Sie können dieinnerHTMLEigenschaften im HTML-Element schreiben oder einfügen.

Bevor wir jedoch den Ausgang einfügen, müssen wir Methoden wiegetElementById()solchen Methoden, um Elemente auszuwählen.

<p id="msg"></p>
<p id="output"></p>
<script>
document.getElementById("msg").innerHTML　=　"Hallo　Welt";
document.getElementById("output").innerHTML　=　20　+　30;
</script>

Die Verwendung von innerHTML zum Ändern des HTML-Inhalts eines Elements ist eine gängige Methode, um Daten in HTML anzuzeigen.

document.write() verwenden

Sie können nurdocument.write()Der Inhalt wird in das aktuelle Dokument eingebettet.

<script>
document.write("Hallo Welt<br>");
document.write("}}")20　+　30);
</script>

Wenndocument.write()Verwenden Sie diese Methode nach dem Laden der Seite, um alle vorhandenen Inhalte der Dokument zu überschreiben.

<script>
function　myFunc()　{
　　　document.write("<p>test　document.write().</p>");
}
</script>

Verwenden Sie window.alert()

Sie können auch einen Alert-Dialog verwenden, um Nachrichten an den Benutzer anzuzeigen oder Daten auszugeben.

Verwenden Siealert()Methoden erstellen einen Alert-Dialog.

<button　onclick="alert('Hello　world');">alert</button>

Verwenden Sie console.log()

Sie könnenconsole.log()Methoden, um Nachrichten an die Browserkonsole auszugeben oder Daten hineinzuschreiben.

Diese Konsole kann für Test- oder Debugging-Zwecke verwendet werden.

<script>
console.log("Hello　world");
console.log(20　+　30);
</script>

Um auf die Konsole des Webbrowser zuzugreifen, drücken Sie zunächstF12Drücken Sie die Taste auf der Tastatur, um die Entwicklertools zu öffnen, und klicken Sie dann auf die Registerkarte 'Konsol'.

Sie werden im späteren Teil dieses Tutorials mehr über das Debuggen erfahren.