Задать вопрос
@Uladzislau
javascript

Как загружаются скрипты?

Есть такая страница
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="container"></div>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>


в main.js есть код, который подключает скрипты и стили на эту страницу.

containerWrap = document.getElementById("container");
var jQueryMinJs = document.createElement("script");
jQueryMinJs.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";
containerWrap.appendChild(jQueryMinJs);

var script__ = document.createElement("script");
jQueryUiMinJs.src = "js/script__.js";
containerWrap.appendChild(script__);


Скрипт script__.js использует jQuery. Все скрипты подключатся в результате загрузки страницы, но консоль выдаёт ошибку
$ is not defined
как будто jQuery не загрузился на страницу. Как решить эту проблему?
  • Вопрос задан
  • 216 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
miraage
@miraage
Старый прогер
Эти скрипты загружаются асинхронно.
Попробуйте как-то так:

containerWrap = document.getElementById("container");

var jQueryMinJs = document.createElement("script");
jQueryMinJs.onload = loadOtherScripts;

jQueryMinJs.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";
containerWrap.appendChild(jQueryMinJs);

function loadOtherScripts() {
  $.getScript('js/script__.js', function () {
    console.log('script__.js loaded');
  });
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@LinGG
если скрипты объявлены в документе - они загружаются синхронно, так как важна последовательность из-за зависимотси одного скрипта от другого, если они добавляются динамически в тело документа - асинхронно.
если никак нельзя обойтись без синхронного объявления - можно использовать onload callback, как написано выше.
Ответ написан
Комментировать
Комментировать
@corvus007
А если добавить jQueryMinJs.async = false;
Блок "Забегая вперед" в конце урока - https://learn.javascript.ru/external-script
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы