← Все вопросы

Как подключить отдельный .js файл к HTML? Пишу <script src> и ничего

Задан 17 месяцев назад614 просмотров2 ответа
5

Хочу вынести JS в отдельный файл script.js, чтобы не держать всё в HTML. Написал так, но ничего не происходит:

<script src="script.js">
  console.log('тест');
</script>

Что я делаю не так?

Дарья Морозова 🐣 Птенец
спросил 17 месяцев назад

2 ответа

10
✓ Принятый ответ — помог автору

Главная ошибка: если у <script> есть атрибут src, то всё, что написано внутри тегов, браузер игнорирует. Либо внешний файл, либо код внутри — не вместе.

Правильно так:

<script src="script.js"></script>

А весь код — внутри script.js (без всяких <script> там, просто чистый JS).

Ещё проверь:

  • путь верный (если файл рядом с HTML — просто script.js, без слешей);
  • тег стоит в конце <body> или с defer, иначе элементы могут быть ещё не созданы;
  • имя файла совпадает точно, с учётом регистра букв.
Арсений Данилов 🐣 Птенец
17 месяцев назад
4

Быстрый способ понять, подключился ли файл вообще: открой DevTools (F12) → вкладка Network, обнови страницу и найди script.js. Если он красный или со статусом 404 — браузер не нашёл файл по этому пути. Тогда дело в пути, а не в самом коде.

Эльвира Козлова 🐣 Птенец
16 месяцев назад

Ваш ответ

Войдите, чтобы ответить на вопрос.