Не работает javascript в html

Ребята, вообщем есть код, который отлично работает в Fiddle (онлайн редактор js)
Но когда вставляешь в html, то код не срабатывает.. Не могу понять почему.
Уже все испробовал и в js файл записывал и в загонял, все бестолку.
Помогите плиз. Вот код — ссылка

731 сообщение
# 7 лет назад
Document
Просто скрипт надо вставлять после хтмл-а. Т.к. по другому сначала обрабатывается скрипт, пока нет структуры. И выводит ошибку. Соответственно, нам скрипт надо выводить после того как прогрузилась структура. В jq это решается document ready.
Как включить JavaScript в вашем веб-браузере
В настоящее время почти все веб-страницы используют JavaScript, скриптовый язык программирования, который работает на веб-браузере посетителя. Это делает веб-страницы более функциональными, а если по каким-либо причинам JavaScript отключен, содержание или функциональность веб-страницы может быть ограничена или вовсе не возможна. Здесь вы можете найти инструкции о том, как включить (активировать) JavaScript в пяти наиболее распространенных веб-браузерах.
Если вы веб-разработчик, посмотрите инструкции о том как использовать тег в коде вашей интернет-страницы.
Google Chrome
- В меню браузера нажмите кнопку «Customize and control Google Chrome» и выберите пункт «Settings».
- На странице «Settings» нажмите ссылку «Show advanced settings. «
- Под пунктом «Privacy» нажмите на кнопку «Content settings. «.
- Когда диалоговое окно откроется, посмотрите на секцию «JavaScript» и поставьте галочку «Allow all sites to run JavaScript (recommended)».
- Нажмите кнопку «OK», чтобы закрыть окно.
- Закройте вкладку «Settings».
- Нажмите на кнопку «Reload this page» для обновления страницы.
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
Mozilla Firefox
- В адресной строке введите about:config и нажмите Enter.
- Нажмите «Я буду осторожен, обещаю», если появится предупреждающее сообщение.
- В поле поиска найдите javascript.enabled.
- Переключите настройку «javascript.enabled» (щелкните правой кнопкой мыши и выберите «Переключить» или дважды щелкните настройку), чтобы изменить значение с «false» на «true».
- Нажмите кнопку «Обновить текущую страницу» в веб-браузере, чтобы обновить страницу.
- 1.
- 2.
- 3.
- 4.
- 5.
Apple Safari
- В меню веб-браузера нажмите на кнопку «Edit» и выберите «Preferences».
- В окне «Preferences» выберите вкладку «Security».
- На вкладке «Security» в разделе «Web content» поставьте галочку «Enable JavaScript».
- Нажмите на кнопку «Reload the current page» в веб-браузере, что бы обновить страницу.
- 1.
- 2.
- 3.
- 4.
Opera
- 1. Нажмите на значок Opera «Меню», а затем «Настройки».
- 2. Нажмите «Веб-сайты», а затем выберите «Разрешить всем сайтам запускать JavaScript (рекомендуется)».
- 3. Нажмите кнопку «Обновить» в веб-браузере, чтобы обновить страницу.
1. 2. 3.
Internet Explorer
- В меню веб-браузера нажмите «Tools» и выберите пункт «Internet Options».
- В разделе «Internet Options» выберите вкладку «Security».
- На вкладке «Security» нажмите кнопку «Custom level. «.
- После открытия диалогового окна «Security Settings — Internet Zone», посмотрите раздел «Scripting».
- В разделе «Active Scripting» выберите пункт «Enable».
- После появления всплывающего окна «Warning!» в котором спрашивается «Are you sure you want to change the settings for this zone?» нажмите кнопку «Yes».
- В окне «Internet Options» нажмите кнопку «OK», что бы закрыть его.
- Нажмите на кнопку «Refresh» в веб-браузере, чтобы обновить страницу.
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
Инструкции для разработчиков
Вы можете использовать ссылку на этот сайт, что бы рассказать пользователям у которых отключен Javascript о том, как включить Javascript в пяти наиболее распространенных веб-браузерах. Вы можете использовать приведенный ниже код и изменить его в соответствии с вашими нуждами.
- Инструкции для вашего браузера помещаются в верхнюю часть страницы
- Все изображения кликабельны, для удобства просмотра в натуральном размере
- Инструкции для разработчиков размещены в самом низу страницы и не мешают обычным пользователям.
О проекте
Программирование, проектирование, тестирование, получение обратной связи с пользователями и написание материалов для этого сайта сделали Тони Подманиски, Пол Ирландских и Джереми Хилл. Мы хотели бы поблагодарить всех тех, кто помогал и содействовал нам любым способом. Надеемся эта страница окажется полезной для вас и ваших пользователей.
Почему не работает JavaScript в HTML?
Обычно, когда js не работает, то в консоли браузера есть ошибка, желательно ее прикладывать к сообщению.
27 фев 2020 в 6:03
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
1) Ещё убрать нежелательный пробел в самом последнем < /div>
2) Четвёртую снизу строку JS переписать так: dn.style.display = «none»;
3) Если строка подключения JS в самом начале всего кода, то переместить её в конец.
И всё зарааботтает.
Отслеживать
ответ дан 23 ноя 2019 в 22:48
2,304 1 1 золотой знак 8 8 серебряных знаков 20 20 бронзовых знаков
- javascript
- html
- css
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.12.8.2394
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Почему на сайте не работает JS?
https://test-proekt.ru/
На сайте не работает почему-то скрипт слайдера + никакой JS-код не срабатывает из файла common.js (например появление всплывающего окна с кнопки в шапке).
Кто-нибудь может подсказать в чем проблема?
- Вопрос задан более трёх лет назад
- 17768 просмотров
2 комментария
Оценить 2 комментария
В консоль пробовали смотреть?

Mixed Content: The page at ‘https://test-proekt.ru/’ was loaded over HTTPS, but requested an insecure script ‘code.jquery.com/jquery-1.10.2.js’. This request has been blocked; the content must be served over HTTPS.
Решения вопроса 1

Егор Живагин @Krasnodar_etc
avito front
Консоль-то откройте
The page at 'https://test-proekt.ru/' was loaded over HTTPS, but requested an insecure script 'http://code.jquery.com/jquery-1.10.2.js'. This request has been blocked; the content must be served over HTTPS.
В подключении jQuery попробуйте http на https заменить
Ответ написан более трёх лет назад
Нравится 3 1 комментарий

Павел Корнилов @KorniloFF Куратор тега JavaScript
Проще так:
«//code.jquery.com/jquery-1.10.2.js»
Ответы на вопрос 4

Junior PHP
На мой взгляд тут 2 причины:
1. Из-за того, что вы используете https. скрипты, подключенные через протокол http не загружаются, вот и из-за этого не работает код.
2. Возможно какой-то файл для работы js кода не подключён, либо его вообще нет.
Мне больше кажется что 2-ой вариант.