美文网首页
动态css文件加载

动态css文件加载

作者: _micang | 来源:发表于2020-02-28 11:18 被阅读0次

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

    })

    相关文章

      网友评论

          本文标题:动态css文件加载

          本文链接:https://www.haomeiwen.com/subject/lzmkhhtx.html