打造自己的js库(load篇)

这一篇是用来动态加载css以及js，包括loadscript以及loadcss方法。

    namespace('gu.load');

    extend(gu.load,{
    /**
    * 加载js
    * @param url
    * @param callback
    * @returns {boolean}
    * @date 2017-11-21
    */
    loadScript:function (url, callback) {
    var head = document.getElementsByTagName("head")[0];
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.charset = 'GBK';
    script.src = url;
    var timeout = setTimeout(
    function (){
    head.removeChild(script);
    callback.call(this,false);
    },
    50
    );

    script.onload = function () {
    head.removeChild(script);
    clearTimeout(timeout);
    callback();
    };
    head.appendChild(script);
    return true;
    },
    /**
    * 加载css
    * @param url
    * @param callback
    * @date 2017-11-21
    */
    loadCss:function (url, callback) {
    var head = document.getElementsByTagName("head")[0];
    var link = head.appendChild(
    document.createElement("link")
    );
    link.href = url;
    link.rel = 'stylesheet';
    callback.call(this,true);
    }
    });

    extend(window,gu.load);