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

Question

ktotitakoy @ralphich

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

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

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

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

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

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

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

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

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

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

HTML

+1 ещё

Простой
Как в HTML задать расположение строке и изображению?
- 1 подписчик
- 2 часа назад
- 27 просмотров
0

ответов
HTML

+2 ещё

Простой
Captive Portal | Html+CSS+bash | OpenWrt?
- 3 подписчика
- 16 часов назад
- 191 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Почему onClick срабатывает два раза?
- 1 подписчик
- 01 янв.
- 213 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как запустить языковую модель на JavaScript?
- 2 подписчика
- 01 янв.
- 2213 просмотров
1

ответ
HTML

+1 ещё

Простой
Как исправить клавиатуру закрывающую поле ввода vue.js?
- 2 подписчика
- 31 дек. 2024
- 346 просмотров
1

ответ
JavaScript

Средний
Как проверить наличие объекта на сайте js TamperMonkey?
- 1 подписчик
- 30 дек. 2024
- 83 просмотра
2

ответа
JavaScript

+1 ещё

Простой
Как сделать чтоб класс менялся только у одного элемента?
- 1 подписчик
- 29 дек. 2024
- 149 просмотров
0

ответов
JavaScript

Средний
Как приостановить setInterval на время и снова продолжить tampermonkey?
- 1 подписчик
- 29 дек. 2024
- 74 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как исключить дергания блока с меню при раскрытии подменю?
- 1 подписчик
- 29 дек. 2024
- 71 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Как ограничить доступ определенному пользователю в своем телеграмм боте?
- 1 подписчик
- 29 дек. 2024
- 168 просмотров
2

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

Fullstack-разработчик PHP/JavaScript

LegalIndonesia

от 3 000 до 3 000 $

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

Сделать лого

03 янв. 2025, в 20:19

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

До настроить скрипт маршутизации трафика в интерфейс

03 янв. 2025, в 19:56

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

Помощь по Kotlin Android

03 янв. 2025, в 19:50

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

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

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

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

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