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

Рейтинг: 5 из 5, голосов 2
+++++

Тег <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. Скрипт выполняется после полной загрузки страницы.

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<script> Да Да Да Да Да

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

Атрибут Значение Описание
async async
пусто

Указывает, что скрипт должен выполняться асинхронно. Логический атрибут.

Атрибут применим только для внешних скриптов.

charset charset

Указывает кодировку внешнего файла скрипта.

defer defer
пусто

Указывает, что скрипт должен быть выполнен только после полной загрузки страницы. Логический атрибут.

Атрибут применим только для внешних скриптов.

src URL

Содержит адрес файла внешнего скрипта.

type media_type

Указывает тип содержимого скрипта. Атрибут обязателен при использовании в HTML 4.01 и не обязателен в HTML5.

Оцените, насколько полезна эта статья
+++++
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.