Тег <script> HTML подключение скрипта

Рейтинг: 3 из 5, голосов 19

23 февраля 2018 г.

Тег <script> используется для подключения скриптов к HTML документу.

С помощью HTML тега <script> выполняется подключение клиентских (client-side) скриптов. Обычно тегом <script> подключают JavaScript.

Код скрипта может располагаться между открывающим и закрывающим тегами <script>, либо во внешнем файле. Во втором случае в атрибуте src тега <script> указывается URL файла скрипта (см. примеры ниже).

Тег <script> Можно использовать как в head, так и в body частях HTML документа.

Один HTML документ может содержать неограниченное количество элементов <script>.

Синтаксис

Встроенный скрипт:

<script>код скрипта</script>

Внешний скрипт:

<script src="URL_файла"></script>

Пример использования <script> в HTML коде

<!DOCTYPE html>
<html>
  <head>
    <title>Подключение скриптов JavaScript тегом script</title>
    <!-- подключение внешнего скрипта -->
    <script type="text/javascript" src="js/script.js" async ></script>
  </head>
  <body>
    <!-- встроенный скрипт -->
    <script type="text/javascript">
      console.log("а вот и скрипт");
    </script>
  </body>
</html>

Атрибуты async и defer - способы выполнения скрипта

С помощью атрибутов async и defer можно задать способ выполнения скрипта.

Возможны 3 варианта использования async и defer атрибутов тега <script>:

Не используется ни async ни defer. HTML документ загружается, дойдя до скрипта извлекается и выполняется сценарий. После этого загрузка продолжается.
Используется атрибут async. По возможности, скрипт выполняется асинхронно - при этом продолжается загрузка страницы.
Используется атрибут defer. Скрипт выполняется после полной загрузки страницы.

Поддержка браузерами

Тег
<script>	Да	Да	Да	Да	Да

Атрибуты тега <script>

Атрибут	Значение	Описание
async	async пусто	Указывает, что скрипт должен выполняться асинхронно. Логический атрибут. Атрибут применим только для внешних скриптов.
charset	charset	Указывает кодировку внешнего файла скрипта.
defer	defer пусто	Указывает, что скрипт должен быть выполнен только после полной загрузки страницы. Логический атрибут. Атрибут применим только для внешних скриптов.
src	URL	Содержит адрес файла внешнего скрипта.
type	media_type	Указывает тип содержимого скрипта. Атрибут обязателен при использовании в HTML 4.01 и не обязателен в HTML5.

by Lebedev