В этой статье я хотел бы показать еще одну вещь, связанную с моей предыдущей статьей о динамической загрузке скриптов.
Вот ссылка на него:
Сначала я хотел изменить пару вещей в функции, отвечающей за динамическую загрузку моей таблицы стилей css.
Вот как это выглядело:
Чтобы сделать его более динамичным, я передам аргумент loadStyles() с атрибутом src таблицы стилей.
Теперь это выглядит так:
Если вы посмотрите на init(), когда я вызываю функцию loadStyles, я передаю нужный мне путь.
Вот функция, отвечающая за загрузку скриптов:
Я немного рефакторинг, что-то похожее на то, что я делал раньше. Я снова передам атрибут src в качестве аргумента, что я уже делаю, но вместо того, чтобы называть его path, теперь это src
Что еще здесь происходит? Я передаю новый аргумент с именем target, для которого установлено значение по умолчанию. Теперь, когда я вызываю loadScript(), я могу указать своей программе, куда ее прикрепить.
Наконец, чтобы убедиться, что это работает и действительно динамично, я добавлю в этот проект скрипт FontAwesome.
Добавление новой записи в мои файлы config.json (для обоих виджетов):
И теперь единственное, что я делаю, это вызываю loadScript(), передавая правильные аргументы:
Давайте проверим консоль, чтобы убедиться, что скрипт был загружен:
Наконец, вот пример виджета, объединяющего иконки FontAwesome.
Спасибо за чтение, надеюсь, это было полезно для вас, чтобы начать или добавить в свой собственный проект.