Блог

Динамически загрузить скрипты

Динамическая загрузка js

С помощью данного примера можно осуществить динамическую загрузку JavaScript библиотек в head

<script>
    // здесь создаем объект-обертку, дабы не загрязнять глобальное пространство имен
    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')
</script>

Иван

Иван

5 января 2020

Теги: js
Просмотры: 67
Написать комментарий для поста "Динамически загрузить скрипты"