Динамическая загрузка скриптов в JavaScript
При создании сайтов, а именно при верстке часто возникают такие ситуации, когда нужно динамически загрузить тот или иной модуль для того, чтобы получить доступ к функционалу предоставляемому данным модулем. Для таких случаев может использоваться механизм динамической загрузки JavaScript файлов.
Скрипт очень простой:
// здесь создаем объект-обертку, дабы не загрязнять глобальное пространство имен
var loader = loader || {}
// теперь добавляем нашу функцию в этот объект
// uri - полный адрес к удаленному JS файлу
loader.importJS = function( uri ) {
// создаем новый тег script
let script = document.createElement('script');
// получаем ссылку на тег head документа
let head = document.getElementsByTagName('head')[0];
// устанавливаем тип и uri
script.type = 'text/javascript';
script.src = uri;
// загружаем скрипт в тег head
head.appendChild(script);
}
Вызываем так:
loader.importJS('https://cdnjs.cloudflare.com/ajax/libs/timeago.js/3.0.2/timeago.js')
// timeago().format(new Date())
loader.importJS('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js')
// moment().format('dddd')
Таким образом, можно просто осуществить динамическую загрузку JavaScript библиотек.
-
Создано 16.05.2019 13:59:43
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.