САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <script>



Пример

Писать "Привет JavaScript!" с JavaScript:

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

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

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

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

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


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

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

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

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


Поддержка браузеров

Элемент
<script> Да Да Да Да Да


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

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

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

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // некоторый код
}
//]]>
</script>

Атрибуты

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

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

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


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

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

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

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


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

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

script {
  display: none;
}