HTML <script> тег

  • Предыдущая страница <samp>
  • Следующая страница <search>

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

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

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

Самым常用ным типом скрипта является JavaScript, но браузеры также поддерживают некоторые другие языки скриптов.

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

Комментарий:Тип элемента script зависит от его использования. Элемент script, находящийся в элементе head, является элементом метаданных, находящийся в других элементах (например body или sectionЕсли они заключены в круглые скобки, то это элемент фразы.

См. также:

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

Референтное руководство HTML DOM:Объект Script

Учебник JavaScript:Учимся JavaScript

Пример

Пример 1: Определение встроенного скрипта в документе

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

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Попробуйте сами

Пример 2: Загрузка внешней библиотеки скрипта

<script src="simple.js"></script>

Попробуйте сами

Советы и комментарии

Совет:Для браузеров, отключающих скрипты или не поддерживающих их, см. также Элемент <noscript>.

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

Атрибут

Атрибут Значение Описание
async async Указывает, что скрипт должен быть параллельно загружен при парсинге страницы и выполнен при доступности (до завершения парсинга) (только для внешних скриптов).
crossorigin
  • anonymous
  • use-credentials
 Устанавливает режим запроса как HTTP CORS.
defer defer Указывает, что скрипт должен быть параллельно загружен при парсинге страницы и выполнен после завершения парсинга страницы (только для внешних скриптов).
integrity filehash Позволяет браузеру проверять получаемый скрипт, чтобы убедиться, что если исходный код был изменен, код никогда не будет загружен.
nomodule
  • True
  • False
 Указывает, что скрипт не должен выполняться в браузерах, поддерживающих модули ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Указывает, какие данные реферера следует отправлять при загрузке скрипта.
src URL Устанавливает URL внешнего файла скрипта.
type Тип скрипта Устанавливает медиа-тип скрипта.

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

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

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

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

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

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

Стандартные настройки CSS

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

script {
  display: none;
}

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <samp>
  • Следующая страница <search>