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