26.02.2017   3036
Как подключить 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>, который закрывает документ.

КОММЕНТАРИИ

 underatm 2017-05-26 14:39:14
0

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

Ответить
  •  ivashkevich 2017-05-26 20:38:28
    0

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

    Ответить
Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности