{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этой части учебника мы изучаем собственно JavaScript, сам язык.","type":"unstyled","key":"bth4a"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":15,"offset":383}],"inlineStyleRanges":[],"text":"Но нам нужна рабочая среда для запуска наших скриптов, и, поскольку это онлайн-книга, то браузер будет хорошим выбором. В этой главе мы сократим количество специфичных для браузера команд (например, alert) до минимума, чтобы вы не тратили на них время, если планируете сосредоточиться на другой среде (например, Node.js). А на использовании JavaScript в браузере мы сосредоточимся в следующей части учебника.","type":"unstyled","key":"7s60i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итак, сначала давайте посмотрим, как выполнить скрипт на странице. Для серверных сред (например, Node.js), вы можете выполнить скрипт с помощью команды типа \"node my.js\". Для браузера всё немного иначе.","type":"unstyled","key":"b1rq4"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":12,"offset":0}],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Тег «script»","type":"header-two","key":"1cctk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Программы на JavaScript могут быть вставлены в любое место HTML-документа с помощью тега ","type":"unstyled","key":"190h2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f057d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

...После скрипта.

","type":"unstyled","key":"fce44"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ajq7o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"c51it"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"c4kab"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"fqfvv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы можете запустить пример, нажав на кнопку «Play» в правом верхнем углу блока с кодом выше.","type":"unstyled","key":"baq6n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег ","type":"unstyled","key":"as06i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот комментарий скрывал код JavaScript в старых браузерах, которые не знали, как обрабатывать тег ","type":"unstyled","key":"ajjg5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь /path/to/script.js – это абсолютный путь от корневой папки до необходимого файла. Корневой папкой может быть корень диска или корень сайта, в зависимости от условий работы сайта. Также можно указать относительный путь от текущей страницы. Например, src=\"script.js\" или src=\"./script.js\"будет означать, что файл \"script.js\"находится в текущей папке.","type":"unstyled","key":"107rh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно указать и полный URL-адрес. Например:","type":"unstyled","key":"5nm4i"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":64,"offset":13}],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6u22s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для подключения нескольких скриптов используйте несколько тегов:","type":"unstyled","key":"2n9bm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"40khl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d5vqp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"…","type":"unstyled","key":"3mjf5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"На заметку:","type":"unstyled","key":"apdnh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как правило, только простейшие скрипты помещаются в HTML. Более сложные выделяются в отдельные файлы.","type":"unstyled","key":"81mmd"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":4,"offset":91}],"inlineStyleRanges":[],"text":"Польза отдельных файлов в том, что браузер загрузит скрипт отдельно и сможет хранить его в кеше.","type":"unstyled","key":"21r6v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Другие страницы, которые подключают тот же скрипт, смогут брать его из кеша вместо повторной загрузки из сети. И таким образом файл будет загружаться с сервера только один раз.","type":"unstyled","key":"cfu61"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это сокращает расход трафика и ускоряет загрузку страниц.","type":"unstyled","key":"dl71d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":73,"offset":0,"style":"BOLD"}],"text":"Если атрибут src установлен, содержимое тега script будет игнорироваться.","type":"unstyled","key":"ehf71"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В одном теге ","type":"unstyled","key":"k5mp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нужно выбрать: либо внешний скрипт ","type":"unstyled","key":"5b6v1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"19q6q"},{"data":{},"depth":0,"entityRanges":[{"key":6,"length":5,"offset":0}],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Итого","type":"header-two","key":"9tgf5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для добавления кода JavaScript на страницу используется тег .","type":"unordered-list-item","key":"7kso"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нам ещё многое предстоит изучить про браузерные скрипты и их взаимодействие со страницей. Но, как уже было сказано, эта часть учебника посвящена именно языку JavaScript, поэтому здесь мы постараемся не отвлекаться на детали реализации в браузере. Мы воспользуемся браузером для запуска JavaScript, это удобно для онлайн-демонстраций, но это только одна из платформ, на которых работает этот язык.","type":"unstyled","key":"4suff"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"canm1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"ZOIVYLnKRQr6yovJoCna"}],"entityMap":{"0":{"data":{"url":"https://learn.javascript.ru/ui"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://learn.javascript.ru/hello-world#teg-script"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"https://learn.javascript.ru/hello-world#sovremennaya-razmetka"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"url":"https://learn.javascript.ru/hello-world#vneshnie-skripty"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"url":"https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"url":"https://en.wikipedia.org/wiki/Web_cache"},"mutability":"MUTABLE","type":"LINK"},"6":{"data":{"url":"https://learn.javascript.ru/hello-world#itogo"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}