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

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

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

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

<script>

Приведем пример:

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

Не имеет значения где в HTML документе будет задействован тег

<script>

Желательно размещать его непосредственно перед тегом

</body>

который закрывает документ. Так удобнее.

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

Внешние скрипты
Как правило, для подключения внешних скриптов используются файлы с расширением .js. Осуществляется данное действие с применением тега

<script>

сопровождаемого атрибутом src, где задается путь к самому файлу. Например:

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

Обратите внимание, что тег

<script>

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