Page 33 - Браун Э. - Изучаем JavaScript. Руководство по созданию современных веб-сайтов - 2017
P. 33
количество аспектов языка HTML, поскольку они касаются разработки на JavaScript.
Документ HTML состоит из двух основных частей: заголовка (head) и тела (body).
В заголовке содержится информация, которая непосредственно не отображает
ся в б р аузере (хотя она может повлиять на то, что отображается в браузере). В теле
находится содержимое страницы, которая будет отображена в браузере. Важно по
нимать, что элементы в заголовке никогда не будут представлены в браузере, тогда
как элементы в теле обычно отображаются (некоторые типы элементов, такие как
<script>, не будут видимы, и стили CSS также способны скрыть элементы тела).
В заголовке содержится строка < l i nk rel="styleshe t " href= "m i n . css " > ;
e
a
вот так пустой в настоящее время файл CSS связывается с вашим документом. За
тем, в конце тела, имеется строка <script s r c="main. s " > / s cript>, связывающая
j
<
файл JavaScript с вашим документом. Может показаться странным, что один под
ключается в заголовке, а другой в конце тела. Дескриптор <script> можно, конечно,
поместить и в заголовок, однако по некоторым причинам, включая производитель
ность, имеет смысл помещать его в конец тела.
В теле имеется дескриптор <hl>My first application ! </hl>, представляющий
собой текст заголовка первого уровня (означающий самый больший и важный текст
на странице), сопровождаемый дескриптором <р> (параграф), содержащим некий
текст, часть которого выделена курсивом (дескриптор i > ).
<
Найдите и загрузите файл index . html в свой браузер. В большинстве систем проще
всего сделать это, дважды щелкнув на файле в средстве просмотра файлов (можно также
перетащить файл в окно браузера). Вы увидите содержимое тела своего файла HTML.
В этой книге много примеров кода. Поскольку файлы HTML
и JavaScript могут стать очень большими, я не буду представлять их
содержимое целиком каждый раз: вместо этого я объясню в тексте,
где фрагмент кода располагается в файле. У начинающих программис
тов это может вызвать некоторое неудобство, однако понять способ
сборки кода необходимо и очень важно.
Консоль JavaScript
Мы уже написали некий код JavaScript: con o l e . log ( m ain . j s l o aded ' ) . Что
'
s
он делает? Консоль (console) - это текстовый инструмент для программистов, по
могающий им диагностировать свою работу. Вы будете часто использовать консоль
по мере изучения этой книги.
Разные браузеры предоставляют разные способы обращения к консоли. По
скольку вы будете делать это весьма часто, я рекомендую узнать соответствующую
комбинацию клавиш. В Firefox - это <Ctrl+Shift+K> (для Windows и Linux) или
<Command+Option+K> (для Мае).
