معرفی کتابخانه Loader برای بارگذاری JS و CSS
نویسنده: بهنام محمدی
تاریخ: ۱۳۹۴/۰۴/۲۳ ۱۳:۲۰
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
loader.load([
'plugin/dropdowntree/css/style.min.css',
'plugin/dropdowntree/js/jstree.js',
'plugin/dropdowntree/js/jstree.checkbox.js',
]).promise(function () {
// run this code promise
}); /*
loader version 0.2.1 2015
loader design by Behnam Mohammadi (http://itten.ir)
*/
window.loader = {
load: function (urls) {
var loadCounter = 0;
var promise = null;
var ext = '';
this.promise = function (fun) {
promise = fun;
};
for (var i = 0; i < urls.length; i++) {
ext = urls[i].substring(urls[i].length - 3);
if (ext == '.js') {
var script = document.createElement('script');
script.src = urls[i];
script.onload = function () {
loadCounter += 1;
if (loadCounter == urls.length) {
promise();
}
};
document.body.appendChild(script);
} else if (ext == 'css') {
var link = document.createElement('link');
link.href = urls[i];
link.rel = 'stylesheet';
link.type = 'text\css';
link.onload = function () {
loadCounter += 1;
if (loadCounter == urls.length) {
promise();
}
};
document.body.appendChild(link);
}
}
return this;
}
}