02. Где писать код JavaScript. Курс по JavaScript для начинающих

Автор Maksim Inshakov
02. Где писать код JavaScript. Курс по JavaScript для начинающих

Итак.

Давайте приступим к нашему первому уроку и рассмотрим. Где же именно мы можем писать Java скрипт код чтобы он выполнялся в браузере для этого я. Открой браузер.

У меня есть такая страница HTML которая сейчас открыл браузере и которую мы наблюдаем пока, что она пустая поэтому вы ничего не увидите верхней части можете наблюдать вот название страницы яндекс.

HTML далее. Я уже открыл эту страницу в редакторе для того чтобы начинать писать. Джанкой и так первым делом стоит определиться где же мы можем начать писать этот код чтобы он выполнялся в браузере и чтобы мы видели результат его работы первый способ самый простой — это написать на внутри. Чемал странице теге Script тег скрипт открывающий и закрывающий их же внутри этих написать какую-то команду если заказал Skype нас работает и будет выполнено давайте для примера я буду писать команду Alert который выводит сообщение об ошибке на экран либо неё об ошибке. Ну в общем просто выводит к — это сообщение и мы здесь напишем. Привет мир — это джаваскрипт сохраняю данный файл сворачиваю посмотрим на страницу. Мы видим, что он останется у нас появилось окно которое. Мы создали privetmir — это джаваскрипт в этом окне. У нас нет таких вариантов кроме как нажать кнопку OK и закрыть его в данном примере главное на, что стоит обратить внимание — это там где мы пишем в данный код то есть мы пишем прямо внутри тега Script прямо на — это первый вариант где может располагаться DJ kot и — это располагать его в отдельном файле для этого в данной папке рядом с файлом индекс. Чемал я создам новый файл назову его main.cf. А главное у данного файла чтобы у него была расширение.. То есть файл с расширением CSV котором содержится Code Java Script на быть любым этот файл необходимо подключить на страницу. Давайте за комментирую первый пример где можно писать кот и подключим теперь наш файл подключиться он также внутри тега Script только пишется открывающий и закрывающий и у первого такое скрипт мы указываем атрибут Source и значение этого атрибута указываем путь к файлу Java Script. Том который. Мы создали данном случае — это File managers сохраняю пока в нашем. Фалиминт жизнь ничего нет поэтому ничего не. Давайте перейдем него слайм в него всё тоже. Адлер privetmir. Это джаваскрипт. Давайте напишем вход из файла main.cf. Кстати также на странице мы можем оставить первый вариант они никак не буду друг другу мешать и будут отлично работать давайте, а здесь у нас будет написано. Привет мир — это Java скрипт код со страницы Index HTML сохраняю посмотрим на результат обновляю страницу и так мы видим privetmir — это Java скрипт код страницы. Яндексе чем его нажимаю о'кей и видим 2 Alert который уже запустился и с файлами JS privetmir — это Java скрипт код из файла Maps то есть таким образом. Обратитесь Ната где можно писать код. Первый вариант — это внутри тега Script второй вариант — это в отдельном файле и после подключать его с помощью тега Script вот таким вот образом сразу сразу же сделаю небольшое замечание стоит конечно же использовать подключение скриптов которые написаны в отдельных файлах то есть таким образом вы разберете свою на отдельные смысловые блоки. То есть у вас будет отдельный файл со стилями отдельные файлы со скриптами. А в HTML вас будет расположены только чтение разметка поэтому необходимо что-то быстро протестировать для себя то конечно же можно использовать первый вариант. Но если вам необходимо. Если вы пишете страницу либо приложения то конечно же создавать отдельные для каждого модуля либо один файл с подключением в различных моделей и размешайте vonage также может возникнуть вопрос. Где стоит прописывать данный тег Script. Вы можете встретить примеры когда он упоминается в шапке страницы то есть вот так вот бегает после Total, но в принципе здесь неважно после или перед. Новым 3tg точно также как и подключение файл со стилями подключать файлы GS можно как внутри так и внутри тега Body. Если вы. Подключите своей gff-03, тогда Head, а то произойдет следующее при загрузке страницы браузер будет считывать её сверху вниз слева направо соответственно он дойдет до того которые подключаются скрипты и начали будет прогружать все библиотеки скриптов и только после того как он их про грузит и работает только после этого он обработки всей страницы то есть — это существенно замедлит отображение страницы для пользователя то есть потратить лишние. Время ожидания во время которого он не увидит никакого контента на странице, но зато браузер где-то там фоном у себя загрузить все скрипты такой вариант можно использовать, но оптимизировать скорость загрузки страницы скрипты подключают внизу страницы то есть их подключают внизу перед закрывающим тегом Body таким образом чтобы сначала когда начало загружаться страница то есть сначала загружаются стили которые у нас по идее будут здесь после того да этого после загружается вся разметка страницы. После тега Body и когда загрузили и разметка пользователь увидел весь сайт увидел страницу начала изучать после этого браузер уже потихоньку подходит к скриптам и прогружает и сохрани эту себя фоне то есть такие пользователь уже видит картинку смотрит на сайт думает и только через сколько времени начинает нажимать на кнопки.

0 комментариев
0

Читайте также