DWWEB.RU

Внешние скрипты JavaScript подключение.

2018/04/08 Марат 1229 0 JS |

Когда кода получается достаточно много, то его нужно вынести в отдельный файл. А если ваш JavaScript вынесен в отдельный файл, то его нужно подключить! Вот с этим и разберёмся!

Обыкновенное простое подключение, выполняется, как обыкновенная ссылка – логика абсолютна та же. Только разнизав немного в коде…

<script src="/path/to/script.js"></script>

Раньше. Когда я только начинал – всегда думал, а что же такое «path» - что оно вообще означает. И кстати я учился на «инфаке», но сопоставить, что path - это просто путь, ну никак не мог, почему-то.. лишь меня потом озарило, так это же слово «путь» - эврика… и оно как раз тут в тему.

Это к странности нашего восприятия… наверняка с вами тоже такое бывало…

И уж если переводить до конца, то «path/to» - путь до…

И я стараюсь использовать полный путь… иначе, периодически возникают проблемы…

<script src='https://dwweb.ru/__DATA/__BLOKS/__js/my_script.js'></script>

В одном блоке нельзя использовать «src» и код скрипта – часть с кодом будет проигнорирована.

<script src="script.js">

  alert('Привет мир');  

</script>

Вот так правильно:

<script src="script.js"></script>

<script>

  alert('Привет мир');  

</script>

Исполнение скриптов defer/async

Загрузка страницы происходит сверху вниз! И браузер исполняет весь код, который встречает на пути. И если он встречает скрипт, то пока он его не обработает, то дальше страница не будет загружаться!

Такое поведение называется синхронным – и это стандартное поведение любого браузера.

Но если скрипт большой, то возникают задержки при загрузке…

Для этого используют async или defer

Асинхронная загрузка скрипта

Загрузка страницы не бутет прервана. Если подключены несколько скриптов, то выполнится быстрее тот, который выполнится быстрее.

Загрузка скрипта defer

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

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019