HTML :: Тег <script>
http://belarusweb.net
Основы создания сайтов

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", поэтому его можно не указывать.
  • Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Примеры

<!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