{"draftJsState":{"blocks":[{"data":{"image":{"id":"5dbdf2f71ee34f00b29f95ee"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cesof"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":156,"style":"ITALIC"}],"text":"Давайте ка посмотрим, как выполнить скрипт на странице браузера. Для серверных сред (например, Node.js), вы можете выполнить скрипт с помощью команды типа \"node myown.js\". Для браузера всё немного иначе.","type":"unstyled","key":"o4v8"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":11,"offset":0}],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Тег ","type":"blockquote","key":"23a22"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":8,"style":"ITALIC"}],"text":"

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

","type":"blockquote","key":"bg2mt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"hh5d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"5h2je"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"2mh7f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7c1bj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег ","type":"blockquote","key":"8f17o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4vueq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот комментарий скрывал код JavaScript в старых браузерах, которые не знали, как обрабатывать тег ","type":"blockquote","key":"3osk6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь /path/to/script.js – это абсолютный путь до скрипта от корня сайта. Также можно указать относительный путь от текущей страницы. Например, src=\"script.js\" будет означать, что файл \"script.js\" находится в текущей папке.","type":"unstyled","key":"33b1l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно указать и полный URL-адрес. Например:","type":"unstyled","key":"97s2d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"ersua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для подключения нескольких скриптов используйте несколько тегов:","type":"unstyled","key":"6cn7s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n…","type":"unstyled","key":"1t0qj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"5khmv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"На заметку:","type":"blockquote","key":"d7341"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как правило, только простейшие скрипты помещаются в HTML. Более сложные выделяются в отдельные файлы.","type":"blockquote","key":"71f95"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":4,"offset":94}],"inlineStyleRanges":[],"text":"Польза от отдельных файлов в том, что браузер загрузит скрипт отдельно и сможет хранить его в кеше.","type":"blockquote","key":"dv47t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Другие страницы, которые подключают тот же скрипт, смогут брать его из кеша вместо повторной загрузки из сети. И таким образом файл будет загружаться с сервера только один раз.","type":"blockquote","key":"1nn54"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это сокращает расход трафика и ускоряет загрузку страниц.","type":"blockquote","key":"1iufv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"},{"length":3,"offset":13,"style":"BOLD"},{"length":27,"offset":17,"style":"BOLD"},{"length":6,"offset":45,"style":"BOLD"},{"length":21,"offset":52,"style":"BOLD"}],"text":"Если атрибут src установлен, содержимое тега script будет игнорироваться.","type":"unstyled","key":"2218c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В одном теге ","type":"blockquote","key":"8pakj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нужно выбрать: либо внешний скрипт \n","type":"blockquote","key":"7512p"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":5,"offset":0}],"inlineStyleRanges":[],"text":"Итого","type":"header-two","key":"9ntkq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для добавления кода JavaScript на страницу используется тег .","type":"unordered-list-item","key":"c0rab"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нам ещё многое предстоит изучить про браузерные скрипты и их взаимодействие со страницей. Но, как уже было сказано, эта часть учебника посвящена именно языку JavaScript, поэтому здесь мы постараемся не отвлекаться на детали реализации в браузере. Мы воспользуемся браузером для запуска JavaScript, это удобно для онлайн-демонстраций, но это только одна из платформ, на которых работает этот язык.","type":"unstyled","key":"c6a37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"qVKMXUCjC3QPsiM7QfoE"}],"entityMap":{"0":{"data":{"url":"http://learn.javascript.ru/hello-world#teg-script"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"http://learn.javascript.ru/hello-world#sovremennaya-razmetka"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://learn.javascript.ru/hello-world#vneshnie-skripty","url":"https://learn.javascript.ru/hello-world#vneshnie-skripty"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"href":"https://en.wikipedia.org/wiki/Web_cache","url":"https://en.wikipedia.org/wiki/Web_cache"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"href":"https://learn.javascript.ru/hello-world#itogo","url":"https://learn.javascript.ru/hello-world#itogo"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}