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

Question

ktotitakoy @ralphich

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

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

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

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

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

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();

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

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

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

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

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

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

Войти через центр авторизации

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

JavaScript

+1 ещё

Простой
События click и touchstart странное поведение на мобильном, как решить?
- 1 подписчик
- 11 часов назад
- 24 просмотра
0

ответов
JavaScript

Простой
Стоит ли использовать lodash сейчас?
- 1 подписчик
- 12 часов назад
- 110 просмотров
1

ответ
JavaScript

Простой
Как сделать проверку на корректную вложенность в скобки ((([])){})?
- 2 подписчика
- 12 часов назад
- 130 просмотров
1

ответ
JavaScript

Простой
Как на javascript преобразовать секунды в часы минуты сенуды?
- 1 подписчик
- 13 часов назад
- 63 просмотра
0

ответов
HTML

+3 ещё

Простой
Возникла поломка файлов для установки пакетов в редакторе Atom, есть ли решение данной проблемы?
- 1 подписчик
- 14 часов назад
- 47 просмотров
1

ответ
JavaScript

Простой
Как решить ошибку Uncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')?
- 1 подписчик
- 16 часов назад
- 37 просмотров
2

ответа
HTML

Простой
Как выставить фото в select?
- 1 подписчик
- 18 часов назад
- 58 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Вся секция заежает за header?
- 1 подписчик
- вчера
- 89 просмотров
1

ответ
JavaScript

Простой
По какой логике bind принимает только первый контекст?
- 1 подписчик
- вчера
- 96 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- вчера
- 36 просмотров
1

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

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Устранить утечку памяти в скрипте на питоне

28 апр. 2024, в 02:30

3000 руб./за проект

Дописать/Написать скрипт для экспорта из Telegram

28 апр. 2024, в 00:54

10000 руб./за проект

Разработать дизайн сайта

28 апр. 2024, в 00:53

70000 руб./за проект

Вкладку 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?

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

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

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