动态引用css文件,动态css文件加载

var Dynamic = (function() {

var cssPath ='/static/css/todolist/';

/** 动态css加载 */

var loading = () => {

return {

css:function (file, path) {

if (!!path) {

cssPath = path;

}

var head =document.getElementsByTagName('head')[0];

var link =document.createElement('link');

link.href = getContentPath() +cssPath + file;

link.rel ='stylesheet';

link.type ='text/css';

head.appendChild(link);

},

js:function (file, path) {

if (!!path) {

cssPath = path;

}

var head =document.getElementsByTagName('head')[0];

var script =document.createElement('script');

script.src = getContentPath() +cssPath + file;

script.type ='text/javascript';

head.appendChild(script);

}

}

}

/* 获取根路径*/

var getContentPath = () => {

let pathName =window.location.pathname;

return pathName.substr(0,pathName.substr(1).indexOf("/") +1);

}

return {

loading: loading

}

})()

/*异步加载css*/

new Promise(function (resolve, reject) {

resolve()

}).then(data => {

Dynamic.loading().css("todoList.css")

console.info("【全角色】TodoList.jsp动态加载css成功。")

return Promise.resolve(parseInt(${duties}) !=2)

}).then(data => {

if(data) {

Dynamic.loading().css("todoList-unSecretary.css")

console.info("【秘书角色】TodoList.jsp动态加载css成功。")

}

}).catch(error => {

console.error("TodoList.jsp动态加载css错误。")

})