2_5390937242204112261
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
В окне, в котором загружен файл index. html, откройте консоль JavaScript; вы
должны увидеть текст "main.js loaded" (main.js загружен) (если вы не видите его, попробуйте
перезагрузить страницу). console. log - это метод4 вывода на консоль,
весьма полезный при отладке и подобном изучении.
Одним из многих преимуществ консоли является возможность, кроме наблюдения
вывода своей программы, непосредственно вводить код ]avaScript, проверяя
что-то таким образом, изучая возможности JavaScript или даже внося временные изменения
в свою программу.
Библиотека jQuery
Мы собираемся добавить к нашей странице чрезвычайно популярную клиентскую
библиотеку сценариев - jQиery. Хотя это и не обязательно, а для данной простой задачи
даже избыточно, именно такая вездесущая библиотека зачастую является первой
включаемой в код веба. Даже при том, что в этом примере мы могли бы легко обойтись
без библиотеки jQuery, вскоре вы привыкнете встречать ее в своем коде.
Библиотеку jQuery мы подключаем в конце тела перед собственно файлом
main. js:
<script src="https : //code.jquery. com/jquery-2.1.1.min.js"></script>
<script src="main.js"></script>
Обратите внимание, что мы используем адрес URL из Интернета, а это значит,
что без доступа к Интернету ваша страница не будет работать правильно. Мы подключаем
библиотеку jQuery из открытой сети доставки контента (Content Delivery
Network - CDN), обладающей определенными преимуществами по производительности.
Если вы будете работать над своим проектом без подключения к сети, придется
загрузить файл и подключать его со своего компьютера. Теперь мы изменим свой
файл ma in. j s так, чтобы использовать в своих интересах одно из средств jQuery:
$ (document) . ready (function ( ) {
'use strict ';
console. log ( 'main . j s loaded' ) ;
}) ;
Если у вас еще нет опыта использования библиотеки jQuery, то это, вероятно, вы -
глядит непонятно. Здесь будет много такого, что станет понятным намного позже.
В данном случае jQuery позволяет удостовериться, что браузер загрузил весь код
HTML, прежде чем выполнить наш код JavaScript (который в настоящее время состоит
только из одной команды console. log). Всякий раз, работая с кодом JavaScript
в браузере, мы будем делать это только для практики: любой код JavaScript, который
4 Более подробная информа ция о различии между ф ункцией и методом приведена в главе 9.
32 Глава 1. Ваше первое приложение