Какие знаешь способы подключения скриптов к странице

«Какие знаешь способы подключения скриптов к странице» — вопрос из категории JavaScript, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Есть несколько способов подключения скриптов:

  1. Inline-скрипт (не рекомендуется для больших скриптов):
<script>console.log('Hello!');</script>
  1. Внешний скрипт (обычный способ):
<script src="script.js"></script>
  1. Атрибуты async/defer для управления загрузкой:
<script async src="script.js"></script> <!-- загружается асинхронно -->
<script defer src="script.js"></script> <!-- выполняется после загрузки DOM -->
  1. Динамическое подключение через JavaScript:
const script = document.createElement('script');
script.src = 'script.js';
document.body.appendChild(script);
  1. Модули ES6 (для современных браузеров):
<script type="module" src="module.js"></script>

Лучшая практика - подключать скрипты перед закрывающим тегом </body> или использовать defer, чтобы не блокировать отрисовку страницы.