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

Описание

Атрибут src указывает URL внешнего JavaScript-файла, который должен быть загружен и выполнен. Это основной способ подключения внешних скриптов к HTML-документу.

Пример использования:
<script src="js/main.js"></script> <script src="https://cdn.example.com/library.js"></script>

Ключевые особенности:

Характеристика Описание
Формат URL Относительный или абсолютный путь
Протокол http/https (для внешних ресурсов)
Поведение Блокирует парсинг HTML по умолчанию

Рекомендации по использованию:

  • Используйте async или defer для неблокирующей загрузки
  • Для CDN-ресурсов добавляйте integrity и crossorigin
  • Размещайте перед закрывающим тегом </body> для лучшей производительности

Пример с дополнительными атрибутами:

<script src="https://cdn.example.com/vendor.js" integrity="sha384-..." crossorigin="anonymous" async> </script>

Особые случаи:

  • Относительные пути - отталкиваются от URL документа
  • Протокол-относительные URL - src="//example.com/js.js"
  • Динамическая загрузка - через document.createElement('script')

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

  • Без async/defer блокирует отображение страницы
  • Загрузка с других доменов подчиняется политике CORS
  • Нельзя использовать одновременно с встроенным скриптом

Примечание: Для оптимальной производительности:

  • Минимизируйте количество подключаемых скриптов
  • Используйте объединение (bundling) файлов
  • Настройте кэширование скриптов