在Javascript中动态加载css文件和js文件

一、动态加载CSS文件

function loadCss( cssUrl, attachToTopWindow ){
    var $head = attachToTopWindow ? top.$('head') : $('head');
    if($("link[href='"+cssUrl+"']").length==0){
        $("<link>")
          .appendTo($head)                               // *注意*：一定要先添加到DOM树中
          .attr({type : 'text/css', rel : 'stylesheet'})  // 然后再设置href属性，否则在IE下可能
          .attr('href', cssUrl);                          // 该css文件不生效
    }
}

 

二、动态加载js文件

function loadJs( jsUrl, errorCallback ){
    $.ajax({
        url : jsUrl,
        type : 'get',                        
        cache : false,
        async : false ,         
        error : function() {
            if(errorCallback && $.isFunction(errorCallback)){
                errorCallback();
            }                    
        }
    });
}

      以上方法是同步加载js文件，如果用异步方式加载js文件，可直接用jquery的$.getScript(url,callBack)方法，其实质也是ajax，只是异步罢了。