Статьи / JavaScript

Динамическая подгрузка файлов CSS, JavaScript ...

В сети можно найти несколько функций которые могут подгружать файлы CSS, JavaScript, но они не нацелены на расширяемось. К тому же необходимо передавать дополнительный аргумент, указывающий тип файла, в функцию, что в моем понимании является дурным тоном. Передавая в функцию название мы уже указываем тип файла, его нужно только вытащить с помощью регулярного выражения. Функцию можно расширять дальше, добавляя новые типы файлов.

 function LoadFile(file){
    var ext = file.match(/[^.]+$/); // расширение файла, после точки
    if(ext == 'css'){
        var link = document.createElement("link");
        link.setAttribute("rel", "stylesheet");
        link.setAttribute("type", "text/css");
        link.setAttribute("href", file);
    }
    if(ext == 'js'){
        var link = document.createElement("script");
        link.setAttribute("type","text/javascript");
        link.setAttribute("src", file);
    }
	document.getElementsByTagName("head")[0].appendChild(link)
}