Традиционно, изучение любого языка программирования начинается с вывода на экран надписи «Hello, World!». В этом уроке мы выведем эту надпись с помощью JavaScript.
Где писать код?
JavaScript-код можно писать в разных местах:
- В обычном текстовом редакторе (например, Notepad++, Sublime Text).
- В специализированных IDE (интегрированных средах разработки).
Способы написания кода
Существуют два основных способа написания JavaScript-кода:
- Внутри HTML-страницы: Код размещается непосредственно в HTML-документе.
- В отдельном файле: Код пишется в отдельном файле с расширением .js и подключается к HTML-странице, аналогично подключению CSS-файлов.
В этом уроке мы будем писать код внутри тега <body> HTML-страницы. Размещение кода в <head> не позволит отобразить надпись.
Создание HTML-файла
Создайте файл index.html с простым HTML-кодом: <!DOCTYPE html><html><head><meta charset="utf-8"></head><body></body></html>. Сохраните файл и откройте его в браузере.
Встраивание JavaScript-кода в HTML
Для встраивания JavaScript-кода используется тег <script>:
<script type="text/javascript">
// Здесь будет JavaScript-код
</script>
Атрибут language="javascript" устарел.
Вывод текста на экран
Для вывода текста используется метод document.write():
document.write("Hello, World!");
Этот код обращается к глобальному объекту document и вызывает его метод write(), передавая строку «Hello, World!» в качестве аргумента. Дополнительный вызов document.write("Hello, World!"); также выведет надпись.
Точка с запятой
Каждая строка JavaScript-кода должна заканчиваться точкой с запятой (;). Это сигнализирует интерпретатору о завершении строки.
document.write("Hello, World!"); // Точка с запятой в конце строки
Форматирование вывода
Для улучшения визуального отображения можно использовать HTML-теги внутри document.write():
document.write("<br>"); // Добавление разрыва строки
Подключение внешнего файла
Создайте файл script.js в той же папке, что и index.html. Для подключения этого файла к HTML-документу используйте тег <script> с атрибутом src:
<script src="script.js"></script>
Код из script.js выполнится после загрузки HTML-страницы. Копирование кода из script.js в index.html приведёт к его повторному выполнению, если не управлять этим процессом.
В этом уроке мы научились выводить текст на экран с помощью JavaScript, используя метод document.write(), разобрали важность точки с запятой в конце каждой строки кода и способы подключения внешних JavaScript-файлов к HTML-документу.