Codebra
28 января 2026 в 10:17

Урок 12. Метод вывода - document.write в JavaScript

Метод вывода: document.write. Знакомство со старым методом document.write.
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по JavaScript. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по JavaScript и на странице первого урока.

Я, пожалуй, разрешу себе отступить на мгновение от темы и рассказать о «старом» методе вывода. Это нужно для того, чтобы было проще в дальнейшем выполнять практику на этом сайте. Сразу оговорюсь, этот метод плохой, но его часто используют в некоторых ситуациях, включая обучение на начальном этапе, дабы не перегружать обучаемого. Неудобство alert() в том, что эти окна как-то не вписываются в данную систему обучения, и вдобавок возникает неудобство проверки выполнения заданий.

Как видно из названия, говорить будем о методе document.write(). Его недостаток в том, что он встраивается в страницу до ее загрузки. То есть, если вы после загрузки будете использовать document.write(), то все содержимое страницы будет удалено. Хочется сказать, что это самый быстрый метод вывода.

Его использование идентично с использованием alert(), поэтому из примера вы все поймете.

/* Обязательно скопируйте и запустите этот пример в форме ниже */
document.write('Я работаю как alert(), но вывод не в окно, а на страницу');

Чтобы сделать перенос строки, нужно написать <br> там, где должен быть перенос строки (Если вы знаете HTML, то вы меня поняли).

/* Обязательно скопируйте и запустите этот пример в форме ниже */
document.write('Я на первой строке <br> Я на второй строке <br> Я на последней строке');
📝

Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу JavaScript.