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

Question

ktotitakoy @ralphich

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

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

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

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

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

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

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

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

Нетология

Fullstack-разработчик на Python + нейросети

20 месяцев

Далее
Skillfactory

Профессия Веб-разработчик

12 месяцев

Далее
Яндекс Практикум

Фронтенд-разработчик

10 месяцев

Далее

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

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

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

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

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

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

JavaScript

+2 ещё

Простой
Каким образом правильно сделать скрипт?
- 2 подписчика
- 7 часов назад
- 84 просмотра
2

ответа
HTML

+1 ещё

Простой
Как реализовать форму ввода как в веб-версии chatGPT?
- 1 подписчик
- 13 нояб.
- 123 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как получить события VK.VideoPlayer используя JS?
- 1 подписчик
- 11 нояб.
- 101 просмотр
1

ответ
JavaScript

+1 ещё

Сложный
Почему зависает виджет в OBS?
- 1 подписчик
- 10 нояб.
- 145 просмотров
0

ответов
JavaScript

Простой
Смещение группы в fabric.js?
- 1 подписчик
- 06 нояб.
- 128 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- 05 нояб.
- 200 просмотров
0

ответов
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 173 просмотра
0

ответов
HTML

Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
- 1 подписчик
- 29 окт.
- 180 просмотров
0

ответов
HTML

+1 ещё

Простой
Как создать карточки в рядах со смещением?
- 1 подписчик
- 28 окт.
- 126 просмотров
2

ответа
JavaScript

Простой
Как создать рисунок из PHP в Fabric.js?
- 2 подписчика
- 28 окт.
- 170 просмотров
1

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

Fullstack Разработчик (Next.js / JavaScript / TypeScript)

App Company

от 200 000 до 300 000 ₽

Web-разработчик/WordPress программист (Full-stack)

JustBusiness • Санкт-Петербург

от 130 000 до 150 000 ₽

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

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

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

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

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

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