ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML теги. Полный справочник

HTML тег <script>


Пример

Написать "Hello JavaScript!" с помощью JavaScript:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Попробуйте сами »

Определение и использование

Тег <script> используется для определения скрипта (JavaScript) на стороне клиента.

Элемент <script> либо содержит операторы скриптов, либо указывает на внешний файл скрипта через атрибут src.

Обычное использование JavaScript - манипуляции с изображениями, проверка формы и динамические изменения содержимого.

Совет: Если вы хотите изучить JavaScript, посетите JavaScript Учебник на нашем сайте.


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

Элемент
<script> Yes Yes Yes Yes Yes

Советы и примечания

Примечание: Если атрибут "src" присутствует, элемент <script> должен быть пустым.

Совет: Также обратите внимание на элемент <noscript> для пользователей, которые отключили скрипты в своем браузере или имеют браузер, который не поддерживает скрипты на стороне клиента.

Примечание: Существует несколько способов выполнения внешнего скрипта:

  • Если async="async" (асинхронный): скрипт выполняется асинхронно с остальной частью страницы (скрипт будет выполняться, пока продолжается анализ страницы);
  • Если async отсутствует и defer="defer" (отсроченный): скрипт выполняется после завершения анализа страницы;
  • Если нет ни async, ни defer: скрипт извлекается и выполняется немедленно, прежде чем браузер продолжит синтаксический анализ страницы.

Различия между HTML 4.01 and HTML5

Атрибут "type" обязателен в HTML 4, но необязателен в HTML5.

Атрибут "async" новый в HTML5.

HTML 4.01 атрибут: "xml:space" не поддерживается в HTML5.


Различия между HTML и XHTML

В XHTML содержимое внутри скриптов объявлено как #PCDATA (вместо CDATA), что означает, что сущности будут проанализированы.

Это означает, что в XHTML все специальные символы должны быть закодированы, или весь контент должен быть заключен в раздел CDATA:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

Атрибуты

Атрибут Значение Описание
async async Указывает, что скрипт выполняется асинхронно (только для внешних скриптов)
charset charset Задает кодировку символов, используемую во внешнем файле скрипта.
defer defer Указывает, что скрипт выполняется после завершения анализа страницы (только для внешних скриптов)
src URL Определяет URL внешнего файла скрипта
type media_type Определяет медиа тип скрипта
xml:space preserve Не поддерживается в HTML5.
Указывает, следует ли сохранять пробелы в коде

Глобальные атрибуты

Тег <script> также поддерживает Глобальные атрибуты в HTML.


Связанные страницы

HTML учебник: HTML Скрипты

HTML DOM справочник: Объект Script

JavaScript учебник: Выучить JavaScript


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <script> со следующими значениями по умолчанию:

script {
  display: none;
}