动态加载js,css

/*Javascript 动态加载*/
var JsLoader={};
//预计加载个数
JsLoader.LoadCount=0;
//已经加载个数
JsLoader.LoaderNumber=0;
JsLoader.Load=function(js,id,callback)
{
    var scriptId = document.getElementById(id);
    if (scriptId)
    {
        if (callback)
                callback();
        JsLoader.LoaderNumber+=1;
        //加载个数大于或等于预计加载个数,则触发加载完毕事件
        if (JsLoader.LoaderNumber >= JsLoader.LoadCount)
            if (JsLoader.OnLoad)
                JsLoader.OnLoad();
    }
    else
    {
        var script = document.createElement("script");
        script.id = id;
        script.type = "text/javascript";
        
        script.onload = script.onreadystatechange = function()
        {
            if (script.readyState && script.readyState != 'loaded' && script.readyState != 'complete')
            {
                return;
            }
            script.onreadystatechange = script.onload = null;
            //当前文件加载完毕,触发回调事件
            if (callback)
                callback();
            JsLoader.LoaderNumber+=1;
            //加载个数大于或等于预计加载个数,则触发加载完毕事件
            if (JsLoader.LoaderNumber >= JsLoader.LoadCount)
                if (JsLoader.OnLoad)
                    JsLoader.OnLoad();
        };
        script.src = js;
        var head = document.getElementsByTagName('head').item(0);
        head.appendChild (script);
    }
}

/*Css 动态加载*/
var CssLoader={};
//预计加载个数
CssLoader.LoadCount=0;
//已经加载个数
CssLoader.LoaderNumber=0;
CssLoader.Load=function(css,id,callback)
{
    var cssId = document.getElementById(id);
    if (cssId)
    {
        if (callback)
            callback();
        CssLoader.LoaderNumber+=1;
        //加载个数大于或等于预计加载个数,则触发加载完毕事件
        if (CssLoader.LoaderNumber >= CssLoader.LoadCount)
            if (CssLoader.OnLoad)
                CssLoader.OnLoad();
    }
    else
    {
        var link = document.createElement("link");
        link.id = id;
        link.rel="stylesheet";
        link.type = "text/css";
        
        link.onload = link.onreadystatechange = function()
        {
            if (link.readyState && link.readyState != 'loaded' && link.readyState != 'complete')
            {
                return;
            }
            link.onreadystatechange = link.onload = null;
            //当前文件加载完毕,触发回调事件
            if (callback)
                callback();
            CssLoader.LoaderNumber+=1;
            //加载个数大于或等于预计加载个数,则触发加载完毕事件
            if (CssLoader.LoaderNumber >= CssLoader.LoadCount)
                if (CssLoader.OnLoad)
                    CssLoader.OnLoad();
        };
        link.src = css;
        var head = document.getElementsByTagName('head').item(0);
        head.appendChild (link);
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值