При создании сайтов, а именно при верстке часто возникают такие ситуации, когда нужно динамически загрузить тот или иной модуль для того, чтобы получить доступ к функционалу предоставляемому данным модулем. Для таких случаев может использоваться механизм динамической загрузки 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 библиотек
Android 8.1.0, Chrome,70.0.3538.110