Чат PHP-разработчиков
Логические задачи
Как подключить JavaScript в HTML

Подключение скриптов JavaScript в HTML

Скрипты являются еще одним важным фактором для корректной работы страницы. Если на HTML возлагается роль формирования ее структуры, а на стили – внешнего вида, то скрипты отвечают за поведение документа. Они позволяют создавать на страницах всевозможные подвижные элементы. Самым ярким примером будет анимация. Но есть и много других эффектов. Для создания скриптов применяется такой язык, как JavaScript.

Процесс подключения скриптов на странице точно такой же, как и стилей. То есть, существует два варианта. Первый заключается в том, чтобы написать код скрипта внутри самой страницы. Второй подразумевает подключение их с помощью внешних файлов.

Инлайновые скрипты

Для того, чтобы написать скрипт внутри страницы, следует использовать тег <script>. Приведем пример:

<script>
  JavaScript-код
</script>

По большому счету не имеет значения, где именно в HTML документе будет задействован тег <script>. Однако я рекомендую размещать его в конце кода страницы, непосредственно перед тегом </body>, который закрывает документ.

Следует отметить, что с течением времени определенные возможности языка JavaScript переходят в CSS. В качестве примера можно привести такую возможность, как указание плавного изменения значений свойств.

Внешние скрипты

Как правило, для подключения внешних скриптов используются файлы с расширением .js. Осуществляется данное действие с применением тега <script>, сопровождаемого атрибутом src, где задается путь к самому файлу. Например:

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

Обратите внимание, что тег <script> является парным. Поэтому в данном случае, когда речь идет о внешних скриптах, внутри тега ничего писать не требуется.

Лучше всего осуществлять подключение скриптов из файла перед тегом </body>, который закрывает документ.

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Читайте также
Комментарии (2)
Комментирование урока доступно только для патронов проекта. От 1$/месяц.