script — JavaScript на странице

  • 25 января 2023

Справочник

Лена Цимбалист

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

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

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8">
    <title>Пример использования тега script</title>
  </head>
  <body>
    <h1>Мой первый скрипт</h1>
    <p>Привет! Посмотрите, какой скрипт я написал</p>
    <script src="path/to/script.js"></script>
  </body>
</html>

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

Атрибуты тега <script>:

  • async — указывает, что скрипт асинхронный, выполнение скрипта не останавливает загрузку страницы.
  • defer — указывает, что скрипт отложенный, выполнение скрипта происходит после загрузки страницы.
  • src — путь к файлу скрипта, который нужно загрузить.
  • type — тип скрипта.
  • nomodule — предотвращает выполнение скрипта в браузерах, поддерживающих модульные скрипты.
  • crossorigin — способ обработки сквозных запросов.
  • integrity — метаданные для проверки целостности субресурсов [SRI].
  • referrerpolicy — правила использования ссылок для поиска.
  • blocking — позволяет потенциально блокировать рендеринг.
  • fetchpriority — приоритет для запущенных элементом запросов.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники