Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.05.2019, 21:50
Аспирант
Отправить личное сообщение для Иса Мирзоев Посмотреть профиль Найти все сообщения от Иса Мирзоев
 
Регистрация: 15.04.2019
Сообщений: 72

Странная проблема с подключенным js-файлом
Приветствую. Периодически помогаете, за что хотел бы поблагодарить) Один из давних вопросов - если пишу js код в html-документе самом, все прекрасно работает, а вот, если тот же самый код прописать в подключенном файле - часто определенная кода не работает, хотя файл подключен верно и "алерты" подключенный js-файл выводит, как надо. Собственно, пример. Можете проверить в html и js документах. Внимание, вопрос - если работаешь через подключенный js-файл, требуются дополнительные знаки? Иного объяснения я не вижу.

html-код (скриншот с папкой также предоставляю на всякий случай, если кто не верит, что подключил я файл верно - да и простые скрипты в js-файле работают прекрасно).

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <script src="script.js"></script>
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <p class="text">Текст 1</p>
</body>
</html>


Джаваскрипт код, который работает в html - файле, но не пашет абсолютно в подключенном файле, где выводятся алерты
var text = document.querySelector(".text");
    text.onclick = function(){
        text.style.color = "yellow"
    }


п.с. спасибо за внимание, извиняюсь за сумбур, много месяцев не могу решить проблему. Сам всегда пишу код исключительно в html-документе, но понимаю, что это путь в тупик и надо понять, что я делаю не так в подключенных файлах...

Последний раз редактировалось Иса Мирзоев, 24.05.2019 в 21:58.
Ответить с цитированием
  #2 (permalink)  
Старый 24.05.2019, 21:59
Аспирант
Отправить личное сообщение для Иса Мирзоев Посмотреть профиль Найти все сообщения от Иса Мирзоев
 
Регистрация: 15.04.2019
Сообщений: 72

Кажется, понял. Подключать надо внизу. Извините, за напряг, ребят...(
Ответить с цитированием
  #3 (permalink)  
Старый 24.05.2019, 22:15
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Ну или можно подключать, как у вас в HTML написано, только тогда нужно указать в script.js, что нужно сначала, чтобы весь DOM загрузился, и только потом искать .text
document.addEventListener("DOMContentLoaded", function() {
    var text = document.querySelector(".text");
    text.onclick = function(){
        text.style.color = "yellow"
    }
});
Ответить с цитированием
  #4 (permalink)  
Старый 24.05.2019, 22:41
Аспирант
Отправить личное сообщение для Иса Мирзоев Посмотреть профиль Найти все сообщения от Иса Мирзоев
 
Регистрация: 15.04.2019
Сообщений: 72

Сообщение от Malleys Посмотреть сообщение
Ну или можно подключать, как у вас в HTML написано, только тогда нужно указать в script.js, что нужно сначала, чтобы весь DOM загрузился, и только потом искать .text
document.addEventListener("DOMContentLoaded", function() {
    var text = document.querySelector(".text");
    text.onclick = function(){
        text.style.color = "yellow"
    }
});
Большое спасибо, учтем) Так рад, что решил проблему давнюю, теперь смогу писать спокойно свой код уже нормально, в отдельном файле))
Ответить с цитированием
  #5 (permalink)  
Старый 31.05.2019, 00:53
Аспирант
Отправить личное сообщение для Иса Мирзоев Посмотреть профиль Найти все сообщения от Иса Мирзоев
 
Регистрация: 15.04.2019
Сообщений: 72

Более легкий способ нашел. Просто в тэге скрипт рядом с подключением файла указать атрибут "async". Проверил, у меня работает асинхронная загрузка страницы и скрипта)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
проблема с js в ie c объектами llorangell Javascript под браузер 8 08.08.2011 00:46
Кодировка внешнего JS файла - проблема в Chrome Freddis Opera, Safari и др. 3 26.07.2011 21:48
проблема с OpenApi Auth (fb, vk), js Maximor17 AJAX и COMET 0 08.07.2011 17:50
проблема с OpenApi Auth (fb, vk), js Maximor17 Events/DOM/Window 0 08.07.2011 17:49
Js + Ie7 проблема onuvidelsolnce Internet Explorer 4 28.03.2011 20:21