Почему при подключении JS не работает он на HTML?

Question

ktotitakoy @ralphich

Почему при подключении JS не работает он на HTML?

Я человек который еще не учил JS и учит на данный момент времени HTML и CSS.Но для одной вещи мне надо подключить готовый скрипт.Я смотрел в интернете как подлючать, но почему то у меня он не подключается.Скрипт точно работает, я его писал в панеле в браузере в разделе Console.

Файл HTML (к тоторому я хочу подключить JS) лежит в папке "адаптив".Путь вроде я указал правильно, но все же про это напишу.

В чем же заключается проблема?Помогите добрые люди ))

Вопрос задан более трёх лет назад
136 просмотров

7 комментариев

Подписаться 1 Простой 7 комментариев

Владимир @Casufi

Вкладку network в developers console в браузере открой, и посмотри правильно ли прописал путь.
Ну и "не подключается" бывает разные. Ошибки в консоли проверял ?

Написано более трёх лет назад
Dima Polos @dimovich85 Куратор тега JavaScript

стремное имя папки, и путь относительный проверьте

Написано более трёх лет назад
ktotitakoy @ralphich Автор вопроса

Владимир, кстати, у меня в console в браузре вот такой текст выводиться "Uncaught SyntaxError: Unexpected token '<'" что за синтаксическая ошибка?

Написано более трёх лет назад
WbICHA @WblCHA

ralphich, и где код? Что это за любовь давать как можно меньше информации? Мы её из тебя клещами доставать должны? Помощь тут вообще кому нужна?

Написано более трёх лет назад
ZB Venom @zb_venom

ralphich, В скрипте ошибка

Написано более трёх лет назад
ktotitakoy @ralphich Автор вопроса

WbICHA, function ibg () {

let ibg = document.querySelectorAll(".ibg");
for (var i = 0; i < ibg.length; i++) {
if (ibg[i].querySelector('img')) {
ibg[i].style.backgroundImage = 'url(' + ibg[i].querySelector('img').getAttribute('src') + ')';
}
}
}

ibg();

Написано более трёх лет назад

ktotitakoy @ralphich Автор вопроса

ВОТ МОЙ ВЕСЬ КОД

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width">
</head>

<body>
    <div class="wrapper">
        <main class="page">
            <div class="main-screen">
                <div class="main-screen__bg ibg">
                    <img src="img/main-screen/bg-main.jpg" alt="">
                </div>
            </div>
            <div class="content">
            </div>
        </main>
    </div>

    <script src="#source/js/ibg.js"></script>
</body>

</html>

.page {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.main-screen {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  position: relative; }
  .main-screen__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.ibg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
  .ibg img {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden; }

function ibg () {

	let ibg = document.querySelectorAll(".ibg");
	for (var i = 0; i < ibg.length; i++) {
		if (ibg[i].querySelector('img')) {
			ibg[i].style.backgroundImage = 'url(' + ibg[i].querySelector('img').getAttribute('src') + ')';
		}
	}
}

ibg();

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Fullstack-разработчик на JavaScript + ИИ

11 месяцев

Далее
ProductStar × РБК

Профессия: Инженер по тестированию + ИИ

6 месяцев

Далее

Пригласить эксперта

Ответы на вопрос 2

Комментировать

Ваш ответ на вопрос

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

Похожие вопросы

HTML

+2 ещё

Простой
Как блок уведомлений поднять выше dialog?
- 1 подписчик
- 21 мая
- 101 просмотр
2

ответа
JavaScript

+2 ещё

Средний
Стоит ли переносить логику работающего онлайн-калькулятора с JS на PHP ради защиты формул от копирования?
- 3 подписчика
- 18 мая
- 1766 просмотров
8

ответов
JavaScript

Простой
Почему вместо галереи owl-gallery белое пространство?
- 1 подписчик
- 18 мая
- 66 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Почему окно fancybox по ajax открывается и сразу закрывается?
- 1 подписчик
- 15 мая
- 87 просмотров
2

ответа
JavaScript

Простой
Как упростить/ улучшить получение данных?
- 1 подписчик
- 14 мая
- 150 просмотров
2

ответа
HTML

+1 ещё

Простой
Как свг заменить на фон?
- 1 подписчик
- 08 мая
- 243 просмотра
1

ответ
HTML

+1 ещё

Простой
Чем препроцессить в HTML сокращения?
- 2 подписчика
- 04 мая
- 320 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему у поля input атрибут required не срабатывает?
- 2 подписчика
- 01 мая
- 356 просмотров
2

ответа
JavaScript

Простой
Будет ли корректно работать сортировка везде?
- 1 подписчик
- 01 мая
- 182 просмотра
4

ответа
JavaScript

Простой
Почему ничего не происходит — элементы p не добавляются на страницу?
- 1 подписчик
- 01 мая
- 117 просмотров
1

ответ
Показать ещё Загружается…

Вкладку network в developers console в браузере открой, и посмотри правильно ли прописал путь.
Ну и "не подключается" бывает разные. Ошибки в консоли проверял ?
стремное имя папки, и путь относительный проверьте
Владимир, кстати, у меня в console в браузре вот такой текст выводиться "Uncaught SyntaxError: Unexpected token '<'" что за синтаксическая ошибка?
ralphich, и где код? Что это за любовь давать как можно меньше информации? Мы её из тебя клещами доставать должны? Помощь тут вообще кому нужна?
WbICHA, function ibg () {

let ibg = document.querySelectorAll(".ibg");
for (var i = 0; i < ibg.length; i++) {
if (ibg[i].querySelector('img')) {
ibg[i].style.backgroundImage = 'url(' + ibg[i].querySelector('img').getAttribute('src') + ')';
}
}
}

ibg();
ВОТ МОЙ ВЕСЬ КОД

<!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="css/style.css"> <meta name="viewport" content="width=device-width"> </head> <body> <div class="wrapper"> <main class="page"> <div class="main-screen"> <div class="main-screen__bg ibg"> <img src="img/main-screen/bg-main.jpg" alt=""> </div> </div> <div class="content"> </div> </main> </div> <script src="#source/js/ibg.js"></script> </body> </html>

.page { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-screen { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; position: relative; } .main-screen__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ibg { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; } .ibg img { width: 0; height: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }

function ibg () { let ibg = document.querySelectorAll(".ibg"); for (var i = 0; i < ibg.length; i++) { if (ibg[i].querySelector('img')) { ibg[i].style.backgroundImage = 'url(' + ibg[i].querySelector('img').getAttribute('src') + ')'; } } } ibg();

Answer 1 · 2021-04-07 20:11:51

Если коротко, то в пути знак # нельзя использовать.

Вернее возможно как-то и можно, но я не особо пытался разобраться как и вообще почему его нельзя использовать.

Answer 2 · 2021-12-28 08:44:22

Laziz Ortikov @Laziz909

Верстальщик

скинь ibg пожалуйста

Ответ написан более трёх лет назад

Комментировать

Почему при подключении JS не работает он на HTML?

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

Минуточку внимания

Войдите на сайт