базовый курс

ГРУППА КУРСА

Функции вывода

Во время написания программы, а также при её отладке часто возникает необходимость увидеть, как работает программа. Нужно узнать, доходит ли выполнение программы до определённого места и какие значения имеют переменные в этот момент. Для этого существуют функции вывода, которые рассмотрены в данной теме.

Функция alert()

Функция alert() выводит на экран окно с сообщением. Текст сообщения всегда пишется в кавычках. Все функции вывода могут выводить не только текст, но и значения переменных. Пример:

JavaScript:

+
1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<head>
<title>Страница</title>
<meta charset="utf-8">
</head>
<body>
<script>
9
10
11
var x=10;
alert('Текст');
alert(x);

Особенность этой функции заключается в том, что она приостанавливает работу программы. Когда выполнение программы доходит до функции alert(), появляется окно и работа программы прерывается. А когда пользователь нажимает кнопку OK, окно изчезат, а программа продолжает работу. Иногда эта особенность бывает полезна. Она позволяет не только вывести сообщение, но и увидеть, как выглядит страница на данном этапе выполнения программы. Однако, если нужно вывести много сообщений, то использование функции alert() становится неудобным. Ведь при каждом выводе программа прерывается и нужно нажимать кнопку OK. В этих случаях используются другие способы вывода данных.

Метод document.write()

Метод document.write() добавляет текст на страницу. Это может быть не просто текст, но и тэги, они будут работать. Однако, не рекомендуется использовать этот метод для добавления элементов страницы. Они могут отображаться неправильно. Для создания элементов применяются другие методы, которые рассмотрены в этом учебнике. А document.write() используется, в основном, для отслеживания работы программы. Пример:

12
13
document.write('Текст на странице ');
document.write(x);

Метод console.log()

Консоль браузера - это полезный инструмент разработчика. Он позволяет получить важную информацию о работе скрипта. Удобнее всего консоль сделана в браузере FireFox. Для её использования нужно подключить плагин FireBug. Метод console.log() позволяет вывести данные в консоль. Он работает не во всех, но в большинстве браузеров. Пример:

14
15
console.log('Текст выведенный в консоль');
console.log(x);

Справа в консоли указывается файл, который вывел данные в консоль, а также строка в коде скрипта, в которой сделан вывод. Только русские буквы представлены в закодированном виде. В консоль удобно выводить различные объекты, в том числе, элементы страницы. Они показываются очень наглядно. А FireBug предоставляет о них полную информацию.