Вывод JavaScript

JavaScript не предоставляет никаких встроенных функций для печати или отображения.

Планы отображения JavaScript

JavaScript может «отображать» данные несколькими способами:

  • Использование window.alert() Запись в окно предупреждения
  • Использование document.write(); Запись в HTML-вывод
  • Использование innerHTML Запись в элемент HTML
  • Использование console.log(); Запись в браузерную консоль

Использование innerHTML

Чтобы получить доступ к элементу HTML, JavaScript может использовать document.getElementById(id) Метод.

id Свойства определяют элементы HTML. Свойство innerHTML определяет содержимое HTML:

Пример

<!DOCTYPE html>
<html>
<body>
<h1>Моя первая веб-страница</h1>
<p>Мой первый абзац</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

Попробуйте сами

Совет:Изменение свойства innerHTML элемента HTML является обычным способом отображения данных в HTML.

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

Для целей тестирования используйте document.write(); Это удобно:

Пример

<!DOCTYPE html>
<html>
<body>
<h1>Моя первая веб-страница</h1>
<p>Мой первый абзац</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

Попробуйте сами

Внимание:Используйте после полного загрузки HTML-документа document.write(); ИспользуйтеУдалите все существующие HTML :

Пример

<!DOCTYPE html>
<html>
<body>
<h1>Моя первая веб-страница</h1>
<p>Мой первый абзац</p>
<button onclick="document.write(5 + 6)">Попробуйте</button>
</body>
</html>

Попробуйте сами

Совет:document.write(); Метод предназначен только для тестирования.

Используйте window.alert()

Вы можете использовать диалоговое окно с предупреждением для отображения данных:

Пример

<!DOCTYPE html>
<html>
<body>
<h1>Моя первая веб-страница</h1>
<p>Мой первый абзац</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

Попробуйте сами

Используйте console.log()

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

Пожалуйста, активируйте консоль браузера через F12 и выберите «Консоль» в меню.

Пример

<!DOCTYPE html>
<html>
<body>
<h1>Моя первая веб-страница</h1>
<p>Мой первый абзац</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Попробуйте сами