HTML :: Тег <script>

В HTML тег <script> (от англ. script – скрипт) предназначен для встраивания и подключения программных скриптов (в основном JavaScript) к html-документам. Элемент <script> может служить и в качестве контейнера для хранения различных скриптов внутри html-кода, и в качестве ссылки на внешние файлы с кодом требуемого языка. Кроме того, его разрешается применять практически в любом месте документа по мере необходимости. Однако скрипты, которые должны выполняться в первую очередь, обычно размещаются выше, поскольку все скрипты в html-документе по умолчанию выполняются последовательно согласно их появлению в коде.

Синтаксис

	<script>Скрипт</script>		    
	
	<script src="Путь к файлу"></script>	
	
	Закрывающий тег: обязателен.

Атрибуты

async (от англ. asynchronously – асинхронно) – данный логический атрибут сообщает браузеру о том, что данный скрипт нужно выполнять одновременно (параллельно) с загрузкой страницы и выполнением других скриптов. Атрибут работает только, если указан атрибут src. Кроме того, если одновременно указан атрибут defer, то предпочтение отдается атрибуту defer. Атрибут по умолчанию выключен и значений не принимает.
defer (от англ. defer – откладывать) – данный логический атрибут сообщает браузеру о том, что данный скрипт нужно выполнять только после разбора документа, но до события DOMContentLoaded, и в том порядке, в котором он появился при разборе документа. Атрибут работает только, если указан атрибут src. Кроме того, если одновременно указан атрибут async, то предпочтение отдается атрибуту defer. Атрибут по умолчанию выключен и значений не принимает.
src – в качестве значения принимает абсолютный или относительный путь к файлу со скриптами (подробнее здесь). Когда данный атрибут присутствует, между открывающим и закрывающим тегом элемента <script> код не пишется, хотя сами теги указываются.
type – указывает MIME-тип данных скрипта. По умолчанию применяется type="text/javascript", поэтому его можно не указывать.
Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/scripting.html#the-script-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/script

Примеры

HTML

htmlCodes

<!DOCTYPE html>
<html>
<head>
  	<meta charset="utf-8">
	<title>Пример №1</title>
   
  <!-- Подключаем 1-й внешний файл со скриптами -->
  <script src="javascript/file_1.js"></script>
   
  <!-- Используем внутренний сценарий. Атрибут type можно не указывать -->
  <script type="text/javascript">
    //Метод alert() выводит на экран диалоговое окно.  
    alert("Я - 1-й внутренний сценарий!");
  </script>
</head>
<body>
  <!-- Подключать внешние файлы со скриптами можно -->
  <!-- в любом месте страницы по мере необходимости -->
  <script src="javascript/file_2.js" async></script>
   
  <p>
    Я - содержимое первого абзаца в теле документа. 
  </p>
   
  <!-- Тоже самое касается и внутренних сценариев JavaScript -->
  <script>
    alert("Я - 2-й внутренний сценарий!");
  </script>
   
  <p>
    Я - содержимое второго абзаца в теле документа.
  </p>
   
</body>
</html>

Пример №1