Output di JavaScript

在某些情况下，您可能需要从JavaScript代码生成输出。例如，您可能想查看变量的值，或向浏览器控制台写一条消息，以帮助您调试正在运行的JavaScript代码中的问题，等等。

在本教程中，您将学习如何在JavaScript中生成输出。

JavaScript生成输出方法

JavaScript可以不同方式显示数据：

• 写入HTML元素使用 innerHTML

• 写入文档流使用 document.write()

• 弹出警告框，使用 window.alert()

• 写入浏览器控制台使用 console.log()

使用innerHTML

您可以使用元素的innerHTML属性在HTML元素内写入或插入输出。

但是，在首先写入输出之前，我们需要使用诸如getElementById()之类的方法来选择元素。

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

使用innerHTML更改元素的HTML内容，是在HTML中显示数据的一种常用方法。

使用document.write()

您只能使用document.write()方法将内容解析到当前文档中。

<script>
document.write("Hello world<br>");
document.write(20 + 30);
</script>

Sedocument.write()Usa questo metodo dopo il caricamento della pagina, coprirà tutto il contenuto esistente del documento.

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

Usa window.alert()

Puoi anche utilizzare la finestra di dialogo di avviso per mostrare messaggi o dati agli utenti.

Usaalert()Il metodo crea una finestra di dialogo di avviso.

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

Usa console.log()

Puoi usareconsole.log()Metodi semplici per inviare messaggi o scrivere dati nella console del browser.

Questa console può essere utilizzata per scopi di test o debug.

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

Per accedere alla console del browser Web, prima premereF12Premere una chiave sulla tastiera per aprire gli strumenti degli sviluppatori, quindi fare clic sulla scheda Console.

Ulteriori informazioni sulla debug su parte posteriore di questo tutorial.