Главная
HTML-тег <script>
Характеристики
- Тип: метаданные, семантический, статичный
- Назначение: Внедряет или ссылается на JavaScript-код в документе.
- Родители: Любые элементы, допускающие размещение потокового контента, обычно <head> или <body>.
- Потомки: Текстовые узлы с JavaScript-кодом.
- Глобальные атрибуты: все
- Атрибуты событий: нет
Атрибуты
- src — URL внешнего скрипта.
- type — Тип скрипта (обычно application/javascript).
- async — Позволяет загружать скрипт асинхронно.
- defer — Отложенная загрузка скрипта до полной загрузки документа.
- crossorigin — Управляет поведением CORS для загрузки скрипта.
- nomodule — Указывает, что скрипт не должен быть загружен в модулях.
Пример использования
<script src="app.js" defer></script>
<script>
console.log('Hello, world!');
</script>
Использование в JavaScript
// Динамическое добавление скрипта
const scriptElement = document.createElement('script');
scriptElement.src = 'app.js';
scriptElement.defer = true;
document.head.appendChild(scriptElement);
Рекомендации по обеспечению доступности (a11y)
- Убедитесь, что динамически добавляемый контент доступен для всех пользователей.
- Избегайте использования скриптов, которые могут вызывать вспышки или другие эффекты, влияющие на пользователей с эпилепсией.
Полезные ссылки