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

Описание

Атрибут id задает уникальный идентификатор для элемента <script>, позволяя обращаться к нему через JavaScript или CSS. Это особенно полезно для динамического управления скриптами.

Пример использования:
<script id="main-script" src="app.js"></script> <script id="analytics"> // Код аналитики </script>

Основные характеристики:

Характеристика Описание
Уникальность Должен быть единственным в документе
Синтаксис Должен начинаться с буквы (A-Za-z)
Чувствительность К регистру (myScript ≠ myscript)

Практическое применение:

  • Динамическая загрузка/удаление скриптов
  • Изменение атрибутов существующего скрипта
  • Отслеживание состояния загрузки
  • Специфическая стилизация (через CSS)

Пример с динамическим управлением:

<script id="dynamic-script"> console.log('Скрипт загружен'); </script> <button onclick="updateScript()">Обновить скрипт</button> <script> function updateScript() { const script = document.getElementById('dynamic-script'); script.textContent = 'console.log("Новый код выполнен")'; } </script>

Рекомендации:

  • Используйте осмысленные имена (main-app, analytics-tracker)
  • Избегайте общих имен (script1, myscript)
  • Для внешних скриптов добавляйте атрибут id перед загрузкой
  • Проверяйте уникальность идентификаторов

Ограничения:

  • Дублирование id вызывает ошибки
  • Не влияет на порядок выполнения скриптов
  • Не заменяет атрибуты async/defer

Примечание: Хотя атрибут id редко используется для элементов <script>, он может быть полезен для:

  • Систем управления скриптами
  • Динамических конфигураций
  • Отладки и мониторинга
  • Специфических случаев интеграции