Тег <script>

IE
3.0+
Chrome
1.0+
Opera
3.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Тег <script> предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т.к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.

В HTML5 атрибут type можно опустить, он является необязательным и принимает значение text/javascript, если не указан явно. В предыдущих версиях HTML атрибут type необходим.

Закрывающий тег обязателен.


<!-- Вариант записи 1 -->
<script type="тип">
  ...
</script>

<!-- Вариант записи 2 -->
<script type="тип" src="URL"></script>

Атрибуты

async: Загружает скрипт асинхронно
defer: Откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью
language: Устанавливает язык программирования на котором написан скрипт
src: Адрес скрипта из внешнего файла для импорта в текущий документ
type: Определяет тип содержимого тега <script>

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег script</title>  
  <style>
   code {
    color: green; /* Цвет текста */
   }
   samp {
    color: red; /* Цвет текста */
   }
  </style>
 </head>
 <body>

  <p>Рассмотрим простейший код на javascript</p>
  <div>
  <code> 
   <script> 
    var a = 1;
    alert(a+1);
   </script>
  </code>
  </div>

 </body>
</html>

Результат данного примера показан на рисунке ниже

Результат работы скрипта