动态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错误。")
})
