Вывод 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 = "Привет мир";
document.getElementById("output").innerHTML = 20 + 30;
</script>

Использование innerHTML для изменения HTML-контента элемента, это один из常用的 способов отображения данных в HTML.

Используйте document.write()

Вы можете использовать толькоdocument.write()Метод вставки содержимого в текущий документ.

<script>
document.write("Привет мир<br>");
document.write(20 + 30);
</script>

Еслиdocument.write()Используйте этот метод после загрузки страницы, он заменит все существующее содержимое документа.

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

Использование window.alert()

Вы также можете использовать диалоговое окно警报а, чтобы показать пользователю сообщение или данные.

Использованиеalert()Метод создает диалоговое окно警报а.

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

Использование console.log()

Вы можете использоватьconsole.log()Методы легко выводят сообщения или данные в консоль браузера.

Эта консоль может использоваться для целей тестирования или отладки.

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

Чтобы получить доступ к консоли веб-браузера, сначала нажмитеF12Нажмите клавишу на клавиатуре, чтобы открыть инструменты разработчика, затем нажмите на вкладку "Консоль".

Вы узнаете больше о отладке в последней части этого руководства.