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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также
Комментарии


underatm
underatm

Скажите пожалуйста, какой вариант всё таки лучше - использование создание скрипта, непосредственно внутри самой страницы, либо лучше создать отдельный .js файл?

ivashkevich
ivashkevich

Если на сайте предполагается больше одной странички - выносить в отдельный файл обязательно, иначе будет дублирование кода во всех страницах