Далее на странице...
Метод console.log в Javascript позволяет выводить информацию (сообщения, данные и т.п.) из программного кода в консоль.
На этом сайте, при работе с Javascript-кодом, в большинстве случаев для вывода информации использовался метод write объекта document или (иногда) метод alert.
О существовании консоли тоже следует знать, так как ее использование - это хороший способ диагностики и отладки программного кода.
window.alert("Модальное Окно");
console.log("Вывод данных в консоль");
Как открыть консоль в браузере?
В браузере по умолчанию консоль скрыта от глаз пользователя. Но ее легко открыть при помощи специальной команды:
Ctrl + Shift + I - открываем Веб-консоль в большинстве браузеров Mozilla Firefox, Google Chrome, Opera.
В браузере Mozilla Firefox также работает сочетание клавиш Ctrl + Shift + K.
Либо следуем по пути: Инструменты - Веб-разработка - Консоль браузера.
Метод console.log в JavaScript - Вывод информации в консоль
Зная, как открыть консоль браузера, рассмотрим пример вывода в нее информации при помощи метода console.log.
<script type="text/javascript">
document.write("Чтобы открыть Консоль в Firefox - нажмите Ctrl + Shift + K");
console.log("Добро пожаловать в Веб-консоль");
</script>
Итак, при помощи метода console.log можно выводить информацию в консоль браузера.
Со временем Вы оцените достоинства этого способа представления работы Javascript-кода.
Преимущества console.log - Каждый раз с новой строки
О пользе и преимуществах работы в консоли Вы узнаете в свое время. В частности, метод console.log удобен тем, что каждое его использование выводит информацию в консоль с новой строки.
Если же выводить информацию в окно браузера при помощи метода write объекта document, то для организации переноса строки нужно специально ставить тег br, либо указывать новый параграф - тег p.
<script type="text/javascript">
document.write("Строка №1");
document.write("Строка №2 <br />");
document.write("Строка №3");
console.log("Строка №1");
console.log("Строка №2");
console.log("Строка №3");
</script>
Метод console.log - Каждый раз с новой строки
Строка №1Строка №2
Строка №3
Строка №1
Строка №2
Строка №3
Как видно, строки, выведенные на экран при помощи document.write, следуют друг за другом неразрывно, кроме той, где намеренно введен тег переноса.
В то время как метод console.log каждый раз выводит информацию с новой строки, что очень удобно. Поэтому для диагностики и отладки Javascript-кода пользуйтесь выводом результатов в консоль.
Читайте также...
Отзывы и комментарии:
Добавил:
Admin
Дата:
2020-01-06
Скажите пожалуйста? А возможно вывести в строку в консоль через цикл?
Вывести строку в консоль через цикл? Да можно вывести что-либо в консоль через цикл.
Добавил(а):
Александр
Дата:
2020-01-07
Я извиняюсь за не правильно поставленный вопрос) Дело вот в чем. Я учил Java но потом понял что хочу стать Front-End разработчиком и переключился на JS. Начал с чтения книги "Выразительный Javascript" там есть дз Шахматная доска -Напишите программу, создающую строку, содержащую решётку 8х8, в которой линии разделяются символами новой строки. На каждой позиции либо пробел, либо #. В результате должна получиться шахматная доска. Это задание легко выполнил бы в Java. А тут consol.log - постоянно переносит на новую строку) Но в общем я уже подсмотрел решение) записать все в String. В общем как то так)
Дата: 2020-01-05
Скажите пожалуйста? А возможно вывести в строку в консоль через цикл?