Синтаксис

<script>...</script>

или

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

Описание

Тег <script> (от англ. script — сценарий) предназначен для описания скриптов, может содержать ссылку на программу или её текст на определённом языке.

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

Тег <script> может располагаться как в контейнере <head>, так и внутри контейнера <body>. Работа скриптов не зависит от их местоположения в HTML-документе, однако скрипты, которые должны быть выполнены в первую очередь, должны быть расположены в заголовке документа. Тег можно использовать в HTML-документе неограниченное количество раз.

Примечание!

Если вы подключаете внешний файл с JavaScript кодами, не используйте в теге <script> код из JavaScript файла.

Тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут Значение Описание
async async

Указывает, что сценарий выполняется асинхронно (только для внешних скриптов)

charset charset

Задает кодировку символов, используемую во внешнем файле сценария

defer defer

Указывает, что сценарий выполняется после завершения синтаксического анализа страницы (только для внешних скриптов)

src URL-адрес

Указывает URL-адрес внешнего файла сценария

type media_type

Указывает тип носителя сценария

xml:space preserve

Указывает, следует ли сохранять пробелы в коде.
Не поддерживается в HTML5

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег script</title>
</head>
<body>
    <p>
        Первый тег script подключение JavaScript файла
    </p>
    <script src="index.js"></script>
    <p id="example"></p>
    <script >
        document.getElementById("example").innerHTML = "Второй тег script вывод текста с помощью JavaScript в теге <p> через id";
    </script>
</body>
</html>

Отображение в браузере:

Первый тег script — подключение JavaScript файла

Параметры CSS по умолчанию

script {
    display: none;
}

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<script> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных