Page 34 - Браун Э. - Изучаем JavaScript. Руководство по созданию современных веб-сайтов - 2017

В окне, в котором загружен файл index . html, откройте консоль JavaScript; вы
должны увидеть текст "main.js loaded" (main.js загружен) (если вы не видите его, по­
s
пробуйте перезагрузить страницу). con o l e . log - это метод4 вывода на консоль,
весьма полезный при отладке и подобном изучении.
Одним из многих преимуществ консоли является возможность, кроме наблю­
дения вывода своей программы, непосредственно вводить код ]avaScript, проверяя
что-то таким образом, изучая возможности JavaScript или даже внося временные из­
менения в свою программу.

Биб л и о тека jQuery
Мы собираемся добавить к нашей странице чрезвычайно популярную клиентскую
библиотеку сценариев - jQиery. Хотя это и не обязательно, а для данной простой за­
дачи даже избыточно, именно такая вездесущая библиотека зачастую является первой
включаемой в код веба. Даже при том, что в этом примере мы могли бы легко обойтись
без библиотеки jQuery , вскоре вы привыкнете встречать ее в своем коде.
Библиотеку jQuery мы подключаем в конце тела перед собственно файлом
i
ma n . j s :
e
< s cript src="https : / / cod . j query . com/j query-2 . 1 . 1 . min . j s " > </script>
<script src="main . j s " > </script>
Обратите внимание, что мы используем адрес URL из Интернета, а это значит,
что без доступа к Интернету ваша страница не будет работать правильно. Мы под­
ключаем библиотеку jQuery из открытой сети доставки контента (Content Delivery
Network - CDN), обладающей определенными преимуществами по производитель­
ности. Если вы будете работать над своим проектом без подключения к сети, придет­
ся загрузить файл и подключать его со своего компьютера. Теперь мы изменим свой
файл ma in. j s так, чтобы использовать в своих интересах одно из средств jQuery:

$ ( d ocument ) . ready ( f unction ( ) {
' u se strict ' ;
'
console . log ( m ain . j s loaded ' ) ;
} ) ;
Если у вас еще нет опыта использования библиотеки jQuery , то это, вероятно, вы -
глядит непонятно. Здесь будет много такого, что станет понятным намного позже.
В данном случае jQuery позволяет удостовериться, что браузер загрузил весь код
HTML, прежде чем выполнить наш код JavaScript (который в настоящее время со­
l
стоит только из одной команды conso e . log). Всякий раз, работая с кодом JavaScript
в браузере, мы будем делать это только для практики: любой код JavaScript, который

4 Более подробная информа ия о различии между ф ункцией и методом приведена в главе 9.
ц

32 Глава 1. Ваше первое п р иложение