Подключение скриптов с помощью JS

Функции могут использоваться для динамического подключения js и css файлов, в зависимости от потребностей

Функция подключение css стилей

function loadAdditionalStyle(t) {
    var head = document.head;
	var link = document.createElement("link");

	link.type = "text/css";
	link.rel = "stylesheet";
	link.href = t;

	head.appendChild(link);
}
// Способ применения
loadAdditionalStyle('/assets/styles.css');

Функция подключения js файлов

function loadAdditionalScripts(t, e) {
    !(function a() {
        var i, r, s;
        0 != t.length
            ? ((i = t.shift()),
              (r = a),
              ((s = document.createElement("script")).src = i),
              (s.onload = s.onreadystatechange = function () {
                  (s.onreadystatechange = s.onload = null), r();
              }),
              (document.getElementsByTagName("head")[0] || document.head).appendChild(s))
            : e && e();
    })();
}
// Способ применения
loadAdditionalScripts(["/js/jquery-ui.js"], function () { alert('yes') } );

Функция loadAdditionalScripts получает два параметра, первый путь к файлу js, второй параметр скрипт который выполниться после подключения файла

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии